Custom CSS is affecting both Product Categories and Related Products carousels

On mobile, the “Related Products” carousel at the bottom of each individual product page is not rendering, and instead goes off the page, or WAY past the width of the set mobile screen.

Not sure if this is the CSS styling that is affecting it — do you think it could be?

.owl-carousel{
display: block;
}

However, if I remove that CSS, both the Related Product block and the product categories carousel on my homepage end up disappearing.

What do you suggest doing?

Thanks!

Hello,

We just checked your website and see that a lot of our theme CSS styles are missed. That is why this carousel doesn’t work correctly. Try to restore our theme style.min.css and style.css files and be sure that your optimizations plugin don’t break anything.

Regards

That did the trick! Thank you so much.

You are welcome!

[Author]

Posts