Theme Simple - Banner cut off on mobile devices

Solved
MarcosLourenco
Excursionist
13 1 5

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

 

 

 

0 Likes
g33kgirl
Shopify Partner
269 73 85

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.
Do NOT give out your passwords unless absolutely necessary.
MarcosLourenco
Excursionist
13 1 5

Thanks a lot. It solved my problem!

0 Likes