Theme Simple - Banner cut off on mobile devices

Technical Q&A
1

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

2

You can add this code at the end of your CSS file (Themes → Edit code → Assets → themes.scss.css :disappointed_face:

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

Thanks a lot. It solved my problem!