Reply To: Compare Button on Mobile

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