Error in smartphone display

Artlantis_srl · February 27

Good morning, on my website in the smartphone version I display the dots at the bottom of the images in this way.

I would like to know how to fix this problem because it seems like it is an error.

This is the link to one of the pages on my site. https://www.artlantis.it/ricambi/

But the problem is repeated on all the pages where there are photos

Best regards

Phil · February 27

Hi,

Please try the following CSS code:

.slider_pagination a{
 margin: 4px 8px;
}

Please put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

We will also implement this fix in the upcoming update, so after update you can remove this CSS.

Best regards

Artlantis_srl · February 27

But is it possible to put all the dots in the same row?

Phil · February 28

Replace the previous CSS with this one:

.slider_pagination a ,
.slider_pagination .slick-active a{
 margin: 4px 2px;
}

Best regards

Comments