Archived topic
Related Products Issue
3 replies · Started by Ash on June 8, 2020
Viewing posts 1–4 of 4
Hi,
I'm using this code for product box shadow on category pages
.woocommerce ul.products li.product {
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.52);
border-radius: 5px;
padding: 10px;
}But it's causing an issue with related products on mobile. This is also causing overflow on product pages.
Any ideas?
Hi there,
in your CSS add the box-sizing: border-box; property.
This will stop the elements width from expanding due to the 10px padding.
Argh of course, thanks David!
You're welcome
This archived topic is closed to new replies.
