Reduce Size of Top Product Tags on Mobile

If your top tags are overflowing and exceeding the layout on mobile like this example:

2025-05-08 at 14.20

You can reduce the size of the top tags on your products on mobile view only to achieve this result with a bit of custom CSS

2025-05-08 at 14.16

To accomplish this effect, copy the following code and paste inside Custom Codes > CSS

@media screen and (max-width: 768px) {
  .product-list .pl-item .top-tag {
    left: -75px;
  }
}

1 Like