Compare Button on Mobile

Hi G’s,

First of all. I like your theme.
Second of all. I have a question.

In your Basel theme “Compare Button” shows up on mobile devices.
In your Woodmart theme only “Wishlist button” shows up on mobile devices. I can’t find the opportunity to enable the “Compare Button” in your theme settings for mobile. See screenshots.

How can I achieve this?

Thanks in advance.
S. Bos, The Netherlands

Attachments:

You must be logged in to view attached files.

Hello,

To display the “Compare Button” for mobile devices. Please insert the below css in Theme Settings >> CUSTOM CSS >> Global Custom CSS:

.product-grid-item.woodmart-hover-base.product-in-carousel .woodmart-buttons .product-compare-button, .product-grid-item.woodmart-hover-base.product-in-carousel .woodmart-buttons .quick-view, .product-grid-item:not(.woodmart-hover-base) .woodmart-buttons .product-compare-button, .product-grid-item:not(.woodmart-hover-base) .woodmart-buttons .quick-view {
    display: block;
}

Screenshot: https://screenshot.net/k08d0f7

Then paste the below css code in Theme Settings >> CUSTOM CSS >> Custom CSS for mobile landscape and in the Custom CSS for mobile:

.woodmart-hover-standard .woodmart-buttons {
    opacity: 1;
}

Screenshot: https://screenshot.net/ko26oar

Result: https://screenshot.net/kx8zxfd

Best Regards

Thanks Aizaz. It works. You can close the ticket.

Sound’s Really Great!..

Feel Free to write back if you need further assistance, I’ll be more than happy to help you out.

Have a Fantastic Day.

Topic Closed.
Best Regards.

[Author]

Posts