Heading image fullscreen cuts off logo

Solved
Soypa
Tourist
10 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

 

 

Accepted Solution (1)

Accepted Solutions
Pallavi
Shopify Expert
2406 401 520

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

View solution in original post

Replies 5 (5)
Pallavi
Shopify Expert
2406 401 520

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

View solution in original post

Soypa
Tourist
10 0 1

Thanks!

Pallavi
Shopify Expert
2406 401 520

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
Shenanigans
New Member
2 0 3

asset>theme.css does not exist. 

 

There is assetS>theme.scss, but this requires compiling code that I do not know how to do...

hunterJ
New Member
4 0 0

Any solution if we don't have that css file?