Viewing 1 reply thread
You must be logged in to reply to this topic.
Hi there
In our website, we are working on the products page. It seems to be fine in the desktop version. However, when opening it on a cellphone, one particular page(https://www.dimaxgroup.com/test/?page_id=3446) that has two first rows – does not align the second row properly(on mobile). Please see the screenshot below:
First row – working properly – https://postimg.org/image/73s465y2ij/
Second row – not working – https://postimg.org/image/7wuig8n6qz/
In the second row(on mobile) the images are missing the names and are moving into each others space, even though they are identically created as the first row.
What could be the reason?
Thank you!
Hello,
This happens because the images of the second row are bigger and take up more space. Please add this code into your custom css box:
@media (max-width: 767px){
.wpb_content_element, ul.wpb_thumbnails-fluid>li {
margin-bottom: 55px !important;
}}
Let us know.
Best regards!
You must be logged in to reply to this topic.