Need help on how to increase slideshow image size on mobile

[PankajC]

Hi,

I am using the Trade theme, I am trying to upload images of different resolutions but have noticed that the image height on the mobile stays the same.

I have selected adjust as per the first image size.

The current banner fits well on my desktop.

I just want to increase the height banner on mobile.

Need help!

[Dan-From-Ryviu]

Hi @PankajC 

You can add two slideshow sections, one for mobile and one for desktop so that you can use separate images for each.

After that, please add the code below to hide the desktop's slideshow on mobile and vice versa. 

Add this code to Custom CSS of the desktop's slideshow section 

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

 Add this code to Custom CSS of mobile's slideshow section

@media (min-width: 768px) {
    slideshow-component { display: none !important }
}