Resize Slideshow Banner Size on mobile only

Store Design
1

Hello guys,

I would like to resize the slideshow banners of my website on mobile to make it fitter. The size is great on dekstop but doesn’t look good on mobile.

After reading comments on this forum, I have tried some css code in the theme.css.liquid but this is not correctly working.

I would like to have the same images, but square, and fitting to the mobile version (more or less full page).

The website : https://selene-provence.fr/

Thanks a lot for your help !!

Sarah

1 Like
2

@SeleneProvence

can you try different image mobile and Desktop something like this way Different image

3

Hi @KetanKumar ,

Thanks a lot for your reply ! Is this working also with slideshow banners ? Don’t we have an easier way to do it ?

I have been able to hide collections for the mobile version only for example with css code. Can’t we just resize the images on the slideshow for the mobile version with some code?

Thanks for the support !!

Sarah

4

Maybe I should have said earlier : we use the theme Grid

1 Like
5

@SeleneProvence

as per guide just used if any issue let me know

6

Hi @KetanKumar ,

I have followed all the steps from the guide but it still doesn’t work.

I have created the 2 new sections, I can see them when editing my theme on the left part, but nothing appears on screen when I add images for both sections.

Moreover I am working with slideshows and not banners, so I would like to have 2 sections for slideshows and not for banners ideally. Would you have any more idea on how to it ?

Thanks a lot for your support !

Sarah