Solved

Theme Simple - Banner cut off on mobile devices

MarcosLourenco
Excursionist
20 2 8

Hello. I've been using the simple theme in my store and on computers everything looks fine. But when navigating through a cellphone, the banner gets cutted.

Could you help me telling if there's some config I need to change to resize the banner image properly?

The link to my store is www.thegeekshut.com

Thank you. Regards

 

 

 

Accepted Solution (1)

g33kgirl
Shopify Partner
390 109 142

This is an accepted solution.

You can add this code at the end of your CSS file  (Themes -> Edit code -> Assets -> themes.scss.css😞

 

@media only screen and (max-width: 749px) {
.slides__image {
    object-fit: contain;
    font-family: "object-fit: contain";
 }
}

 

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.

View solution in original post

Replies 2 (2)

g33kgirl
Shopify Partner
390 109 142

This is an accepted solution.

You can add this code at the end of your CSS file  (Themes -> Edit code -> Assets -> themes.scss.css😞

 

@media only screen and (max-width: 749px) {
.slides__image {
    object-fit: contain;
    font-family: "object-fit: contain";
 }
}

 

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.
MarcosLourenco
Excursionist
20 2 8

Thanks a lot. It solved my problem!