Related products

Hi,
until 478 px the related products looks great.
After that, there is a problem.How do we correct it?

Hi,

This custom CSS code makes it look incorrect on mobile devices https://gyazo.com/ccd77758843722a2422052bd780549ca
Try to remove it and you will see how it should look. It has only one product per screen on mobile devices.

Regards

ok thank you.Can we move the arrows inside the photo?

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

@media (max-width: 767px) {

	.related.products .owl-nav > div[class*=prev] {
    left: 20px;
}
	
	.related.products .owl-nav > div[class*=next] {
    right: 20px;
}
}

Regards

thank you.You can close the ticket

[Author]

Posts