Hide attribute images on mobile

Hey,

We are trying to hide attributes images on mobile since it overlap products images, but unfortunately the code isnt working anymore.
I’ve read older topics where you give answer about how to hide them in mobile mode but the code seems to not work anymore

We try this :

body .product-labels {
display:none;
}

and this :

.product-labels.labels-rounded span.attribute-label {
display: none;
}

We add it to custom css -> Custom css for mobile, but nothing work, and it’s not a cache problem (we clear it all the time we tried)

Can you please check how to do it ?
You have all the logs in private content section

King regards,
Ulysse

Hello,

I recommend trying the following code to resolve the issue:

.product-grid-item .product-labels {
    display: none;
}

If you have any further questions or concerns, please don’t hesitate to reach out to me, and I’ll be happy to provide additional assistance.

Kind Regards

Hello,
Sadly it doesn’t work, see the screenshots below,

Do you have any tips to make it work ?

Thanks,
Ulysse

Attachments:

You must be logged in to view attached files.

Most likely your website is cached, could you please clear all cache and then recheck the issue?

Otherwise, disable all plugins related to the cache and recheck the issue as well.

Kind Regards

As I said, we have tried by disabling our cache extension, WP Super Cache, and it still not working.. I think the css class for the element change after your last update, maybe i’m wrong. Can you please look deeper ? You have all the credentials on the private content area, and we agreed to let you disable plugins for tests.

Thanks,
Ulysse

Hello,

In the “Desktop CSS” area, you have a mistake: https://prnt.sc/K89ghs5i2XDg , due to this mistake the “Mobile CSS” area doesn’t work. So please fix the bracket and resave Theme Settings and recheck the issue.

Kind Regards

Oups, our bad…

Thanks, it works !! You can close the topic

Hi,

I am glad to hear that the issue has been resolved. If you have any further questions or require further assistance, please do not hesitate to contact us.

We appreciate your business and wish you a wonderful day!

Best regards.

[Author]

Posts