Optimize Banner for Mobile - Banner Cut Off

Solved
Highlighted
New Member
6 0 0

My main image with text banner at the top is cut off in mobile view. Any way to have this auto adjust?

 

Screen Shot 2020-07-05 at 9.00.30 AM.png

0 Likes
Highlighted
Shopify Partner
3237 710 860

Hey @munchstash,

Please share your website URL. I will check and provide solutions here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
6 0 0

The URL is shopmunchstash.com and password is testingtesting.

 

Thanks in advance!

0 Likes
Highlighted
Shopify Partner
3237 710 860

This is an accepted solution.

Hey @munchstash 

add code assets/theme.scss.liquid bottom of the file

@media screen and (max-width: 754px){
.hero {background-size: contain;}
.hero__btn {top: 41px;}
.hero--large {height: 205px;}
.main-content {padding-top: 0px;}
}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
1 0 0

Hey,

 

I have got the same issue (I think) with my Pipeline Theme. My website URL is www.magicwardrobe.de

 

I have set the opener-banner to "image height", so it doesn't cut off at the edges. But when I set the section-height to "medium", it does not adjust on mobile. Appreciate everyones help. Thanks in advance!

0 Likes