Slideshow section

[Sohan2198]

Hello,

I want slideshow section in dawn with desktop and mobile banner have different - different can use.

please check,

best,

Sohan

[Dan-From-Ryviu]

Hi @Sohan2198

You can add 2 slideshow sections for your store then

Add this code to Custom CSS of desktop slideshow to hide it on mobile

@media (max-width: 767px) {
.slideshow { display: none !important; }
}

Add this code to mobile slideshow to hide it on desktop

@media (min-width: 990px) {
.slideshow { display: none !important; }
}

[Sohan2198]

hello @Dan-From-Ryviu
actually image for both mobile and desktop.

[Dan-From-Ryviu]

Because you can add 2 slideshow sections, you can add images for desktop and mobile separately.

[dhoak]

Is there a way to make it where it doesn’t show both pagination bars? It did stop showing both slideshows but it sill shows both sets of pagination / pause buttons

[Dan-From-Ryviu]

Can you share the link to your page?

[tim_tairli]

Try this approach – it will hide entire section depending on the screen size:

How to upload video on website banner for mobile and dekstop

Very popular question and one universal answer: To have different image/video/other content for mobile and desktop, you create 2 sections – one with desktop content and “Custom CSS” like this: @media (max-width:749px) { { display: none; } } Another section will have mobile content and “Custom CSS” like this: @media (min-width:750px) { { display: none; } } These CSS codes will only work in “Custom CSS” of a section Using these codes will show either one section or another, depending on …