Return to previous page

Category labels on category images cover the images on mobile

This topic has 2 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Rose Tyler

Carlo88

Participant

May 31, 2017 at 10:41

Good morning!

Please see FIG1 and FIG2 images by clicking the links (in the “Private Content”).

The problem is that the category labels on the products (in homepage and shop pages, seen on mobile) are so big and white and they cover almost completely the product image.

Could it be possible to find a solution for this problem?

You can implement the following solution, as you like (you can choose the faster solution for you) 🙂

– See FIG1 and FIG2: a solution would be to put only 1 category(image) per row (and not 2 as in FIG1). This way I suppose the image is bigger (as in FIG2) and the image is visible (see FIG2). The images in FIG1 are category images. (a child category of Funny Bed Category).
– Move the category label below the image so that the image is visible and not covered.
– Change aspect of the White box containing the label, so that the box is transparent and the label text is White.

I suppose that some CSS fix could help.
Thanks! Carlo

Please, contact administrator
for this information.

#164636 Copied Theme version: 1.7.1 WooCommerce version: 2.6.14

1 Answer
Rose Tyler

Support staff

June 1, 2017 at 09:01
Hello,

Try to add this code in Custom css for mobile http://prntscr.com/fek2wx:
```
.archive.tax-product_cat .products-grid .product {
    width: 100%;
}
```
Regards,
Rose Tyler.
#164750 Copied
Tagged: category images, mobile, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)