How to optimize banner size for desktop and mobile?

candyyeung
New Member
2 0 1

Hi

I'm having some issues when it comes to optimizing my banner size to fit mobile & desktop. I have no idea how to do it.

https://www.soundwillclub.net/en/

I'd appreciate your help.

Thanks!

HardikDavra
Shopify Partner
2222 344 960

Hello,

Welcome to the shopify Community.

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 450px) {
.slide-element {
background-size: contain;
}
}
PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
candyyeung
New Member
2 0 1

Thanks for your help.

I have added the code, but still does not work.

0 Likes
HardikDavra
Shopify Partner
2222 344 960

it seems that you have not included the theme.scss.liquid file.
Please Go to Online Store -> Themes -> Edit code -> Layout-> theme.liquid and paste this code between <head></head>

 <link rel="stylesheet" href="{{ 'theme.scss.css' | asset_url }}">
PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes