Heading image fullscreen cuts off logo

Solved
Soypa
Tourist
9 0 1

Hi,

I'm trying to adjust my heading image and text for all three types of display (mobile, desktop and fullscreen). In the first two, the heading image and following text are fine, but when I switch to fullscreen it cuts the upper part of the picture with the logo in it. Is there a way to cut only the lower part of the image when switching to fullscreen, or even better, just to shrink it a bit. 

Thanks!

www.soypasoaps.com

Soypa_0-1619428931477.png

 

 

0 Likes
Pallavi
Shopify Expert
1269 174 209

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media only screen and (min-width: 1700px){
.hero--large {
height: 200%!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Soypa
Tourist
9 0 1

Thanks!

Pallavi
Shopify Expert
1269 174 209

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes