How to optimize banner size for desktop and mobile?

Solved
Faisal492
New Member
2 0 1

Hello, I need help regarding the banners of my website. I'm having some issues when it comes to optimizing my banner size to fit mobile & desktop.

my store link is www.revivalnaturals.com Please Help

Thanks
Faisal492

0 Likes

This is an accepted solution.

@Faisal492,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
.slides__image{
    height: auto !important
}
</style>


Also, you may want to take a look at the Slideshow Section (PRO) as well. It works with any theme, doesn't require apps and is fully optimized for mobile, tablets and desktops.

Kind regards,
Diego

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
Faisal492
New Member
2 0 1

thanks alot. It works. Issue resolved.