Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #537257

    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

    #538831

    Hello,

    Have you tried disabling all third-party plugins to see if it gets fixed?

    Regards,
    Josue

    #538836

    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.

    #538838

    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

    #538839

    Will this only hide the cart icon on mobile when the cart is empty or all the time? Looking to hide it when empty.

    #538849

    Yea it should do that (when is empty), give it a try.

    Best regards,
    Josue

    #539297

    perfect, works great

    #539403

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘WooCommerce Icon Showing In Mobile Even With Empty Cart’ is closed to new replies.