Compare Button on Mobile

This topic has 3 replies, 2 voices, and was last updated 5 years, 2 months ago by Aizaz Imtiaz Awan.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
September 15, 2019 at 10:56 pm #144092

scholtobos
Participant

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.

September 16, 2019 at 6:52 am #144149
Aizaz Imtiaz Awan
Keymaster
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
September 16, 2019 at 3:25 pm #144344

scholtobos
Participant

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

September 17, 2019 at 5:34 am #144419

Aizaz Imtiaz Awan
Keymaster

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