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!

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.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

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.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

View solution in original post

ThePrintAcademy
New Member
2 0 0

It worked. Thank you!

Pallavi
Shopify Expert
2406 401 520

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

Hi, I'm trying to make my banner image responsive for mobile. This doesn't seem to be working for me, I don't have the asset noted (themes.css)

sabaimoda
New Member
1 0 0

Hello,

i'm a business owner and i have the same problem

i tried to past that code on my website but it didn't work

my store : www.sabaimoda.com/