WebSite X5Help Center

 
Adrian B.
Adrian B.
User

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

Author: Adrian B.
Visited 2019, Followers 1, Shared 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

Posted on the
4 ANSWERS - 1 CORRECT
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.

Read more
Posted on the from 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

Read more
Posted on the from Stefano G.
Adrian B.
Adrian B.
User
Author

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

Read more
Posted on the from Adrian B.
Adrian B.
Adrian B.
User
Author

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....

Read more
Posted on the from Adrian B.