Can't see the Compare Button on Mobile I need this

In Products page or shop page have compare button on mouse over but mobile version it disappeared. Help me to show this button on mobile.

Thanks

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 1024px){
	body .product-grid-item:not(.woodmart-hover-base) .woodmart-buttons .product-compare-button{
	display:block}
}

Best Regards

I have added the code but Nothing happened.

I need compare button Here
https://prnt.sc/m1jic1

Hello,

Please replace the code with this one:

.woodmart-hover-base .product-compare-button a {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	body .woodmart-hover-base.product-no-swatches .wrapp-swatches {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	}
	
	body .woodmart-hover-base .product-compare-button {
		display: block;
	}
}

Best Regards

[Author]

Posts