Hi,
My Desktop Hero Banner looks fine, but gets cropped really bad on the mobile.
Is there anyway to make good of it? I would like the mobile to look somewhat similar to the desktop.
My website is www.laurenglacia.com
Thank you in advance for your time and help 
1 Like
@LaurenGlacia
sorry for that issue can you please try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.css ->paste below code at the bottom of the file.
@media (max-width: 749px) {
#shopify-section-hero #Hero-hero {background-position: left !important;}
}
1 Like
Savior
3
-
Go to your store. Click on Actions > Edit Code.
-
In Assets > theme.css add below lines:
@media (max-width: 749px)
#Hero-hero { background-position: left !important;
}
If helpful then please Like and Accept Solution.
Thank you @KetanKumar !
Your solution worked perfectly! And your speedy reply is outstanding
Thank you!
1 Like
@LaurenGlacia
its my pleasure to help us