Compare Button Not Visible on Mobile (Product Grid Issue)

Hello,

I’m experiencing an issue with the compare icon on my website.

The compare icon appears correctly in the product grid when viewed on desktop, but it does not show at all on mobile devices.

Here are recordings demonstrating the issue:

Desktop: https://go.screenpal.com/watch/cOer6RnThbR
Mobile: https://go.screenpal.com/watch/cOer6RnThFc

I have already checked the code and could not find anything that explicitly hides the compare button on mobile.

Could you please assist me in identifying what might be causing this issue?

Thank you in advance.

Best regards, Nikola

Hi,

By default, the product comparison button is hidden on mobile devices for predefined product designs. However, you can enable it using the custom CSS. Try to add the following code snippet to the Global Custom CSS area in Theme Settings:

@media (max-width: 1024px) {
    .wd .wd-buttons .wd-compare-btn {
    	display: inline-flex;
    }
}

Kind Regards

Hi,

thank you.

You can close topic.

[Author]

Posts