Solved

How to optimize banner size for desktop and mobile?

Faisal492
Tourist
5 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

Accepted Solution (1)

diego_ezfy
Shopify Partner
2934 562 883

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

◦ I can help you further! Top #4 Shopify Expert, 24h reply. Click here to hire me.
◦ Follow my blog & youtube for more free coding tips.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 2 (2)

diego_ezfy
Shopify Partner
2934 562 883

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

◦ I can help you further! Top #4 Shopify Expert, 24h reply. Click here to hire me.
◦ Follow my blog & youtube for more free coding tips.
Download copy/paste code snippets that can replace most apps.

Faisal492
Tourist
5 0 1

thanks alot. It works. Issue resolved.