[Support request] WooCommerce Cart to Dropdown on Mobile

Home Forums Support WooCommerce Cart to Dropdown on Mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1047726
    David

    Hi There!

    I just added WooCommerce on my website, but I have a slight problem.
    On desktop it looks great, but on mobile it destroys the entire look of the header.
    Because my logo is pretty wide, the cart makes it such that the hamburger menu falls on the second row.

    Picture of the current situation
    Picture of the ideal situation

    Is there an option or code to move the cart into the burger menu itself on mobile?

    Currently I ended up with the following code to hide it on mobile, but it is not an ideal situation:

    #mobile-header .mobile-bar-items.wc-mobile-cart-items {
        display: none;
    }
    #1047956
    David
    Staff
    Customer Support

    Hi there,

    simplest method would be to enable the Off Canvas Navigation for Mobile and then you can add a Cart Widget to Off Canvas Widget Area. Then keep your CSS to hide the cart icon on mobile.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.