I am trying to use the image with text overlay section for a full-width banner on our webshop. It looks fine in desktop view, but the sides are being cropped while in mobile view. The section settings are shown below as well. Is there a way to fix the the mobile view?
Desktop view:
Mobile view:
Section settings:
Hi @lanklan
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the theme.scss.css file:
@media only screen and (max-width: 575px) {
.hero-16645204089edc3e65 {background-size: contain;}
.hero__inner {padding: 0 !important;}
}
Regards,
San
This worked! Thanks, San.
