Question

I have used owl carousel for related products in magento2.1.8. It is working fine for desktop and iPad but not working on mobile. On mobile view product base image not display and owl carousel takes large width. If I remove owl carousel base image is coming and remaining page is working fine without scroll.

Was it helpful?

Solution

After some testing, I have found the issue. The div section with a class of columns is set to display: flex on screen sizes 767px or below. Obviously, a display setting of flex is better for smaller views, so to overcome this issue, setting overflow to hidden, scroll or auto on the div.column.main has fixed the issue.

Licensed under: CC-BY-SA with attribution
Not affiliated with magento.stackexchange
scroll top