the website I made with the caroussel addon is not visible correctly when I reduce the screen or when I open it on a smartphone. On some pages of the website, I put several images with texts under each one but the gridder understand the two elements (the image and the text associated) separated, which it causes a problem when I see the website on a smartphone or reduced laptop's screen : if two images are side by side on the gridder (on a same row) and two texts are under each images (on an other row), it appears differently on the smartphone than a laptop screen : the two images will follow and after the two texts appears.. but it is really important for the website that one image is associated with the text.
examples of the problem :
laptop's screen :
reduced laptop's screen :
on the gridder of laytheme caroussel :
Do you know if I can put two elements on the same row and columns so I can associate this two elements ?
Or maybe the solution would be to modify the css and put the HTML tag of the text in the HTML tag of the image ? But I don't how to access to the css....
Does someone have the same problem ?
Thank you so much !