Tagged: enfold, woocommerce
I am currently using WooCommerce together with Enfold for the first time and everything is going great, except the shopping cart icon is always visible in mobile. I found the icon settings under the Enfold Settings > Shop Options and set it to only show the icon once a product is added to the cart. This works great on Desktop but on mobile the icon is showing even when the cart is empty.
Is there maybe an if/then setting from the Enfold Settings > Shop Options that isn’t carrying over to mobile? Is there code I can add to fix it?
Thanks a ton
Hello,
Have you tried disabling all third-party plugins to see if it gets fixed?
Regards,
Josue
Josue,
Yep, disabled the 3rd party plug-ins and still have the same issue. I noticed it also does in on the Enfold demo pages for the Restarant and Shop which also have Woocommerce.
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
.cart_dropdown{
display: none !important;
}
.html_visible_cart .cart_dropdown{
display: block !important;
}
}
Cheers!
Josue
Will this only hide the cart icon on mobile when the cart is empty or all the time? Looking to hide it when empty.
Yea it should do that (when is empty), give it a try.
Best regards,
Josue
perfect, works great
You are welcome, glad to help :)
Regards,
Josue