WebSite X5Help Center

 
Adrian B.
Adrian B.
User

Swiper grid slider looks good in desktop - awful in smartphone  en

Autor: Adrian B.
Visitado 2023, Seguidores 1, Compartilhado 0  

The swiper grid slider looks good in desktop view with graphics that are 125x125 pixels, but in smartphone view the graphic's text takes over and covers the graphic.  The slider does not try to reduce the grid width of the slider to keep the images from shrinking so much.

Any ideas?  (abthermal.com - use the "All Products Visual Selector" menu item in the Products button)

Thank you... Adrian

Publicado em
4 RESPOSTAS - 1 CORRIGIR
Aleksej H.
Aleksej H.
Moderator

Hello.Create multiple objects for different screen resolutions.Each object can have its own grid.Hide unnecessary objects at different screen resolutions.This is not as good as if the object itself has adapted, but maybe it will suit you.

Ler mais
Publicado em de Aleksej H.
Incomedia
Stefano G.
Incomedia

Hello Adrian

Since the Object does not adapt in this particular way, I'm afraid I can only suggest two solutions to this:

1_ Try to use a different Object which does this. Some of the other Galleries or Slider Objects do. like the default Gallery one or the Dropbox one. It depends on how they are built

2_ Try to reduce the number of images per row. This way, bigger images will of course appear on Desktop too, but they will be better displayed on mobile as well

Try this out and keep me posted here with the result

Thank you

Stefano

Ler mais
Publicado em de Stefano G.
Adrian B.
Adrian B.
User
Autor

Unless I am mistaken, none of the other "slideshow" or "gallery" objects other than the one I have already chosen (swiper grid slider) offers the ability to add text to the image - so none of the others is suitable.

Reducing the number of images to 4 in a row at 125x125 pixels does result in a much better useability at smartphone resolution.

I will try with two "swiper grid slider" objects in a page row and then have just 2 images in the object's row, and then set the Show/Hide sequence, and see if that might be still better.

Thank you, Adrian

Ler mais
Publicado em de Adrian B.
Adrian B.
Adrian B.
User
Autor

Well, for an even number of images, using 3 columns on a page and 3 slider grid objects in a row with only 2 images in each, it looks very good in desktop and phone views. Haven't tried it with 7 images yet....

Ler mais
Publicado em de Adrian B.