Banner Image does not resize properly for mobile

Solved
ThePrintAcademy
New Member
2 0 0

Hi everyone! My banner image is not resizing properly for mobile devices. I tried the solution here: https://community.shopify.com/c/Shopify-Design/Image-with-text-overlay-doesn-t-resize-properly-on-mo... and it didn't work. Any suggestions? My shop is at https://theprintacademy813.com/ Thanks so much in advance!

0 Likes
Pallavi
Shopify Expert
2235 370 484

This is an accepted solution.

Hello There,

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

@media screen and (max-width: 749px){
div#Hero-hero-1 {
height: 66vw;
}
}
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
ThePrintAcademy
New Member
2 0 0

It worked. Thank you!

0 Likes
Pallavi
Shopify Expert
2235 370 484

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

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