Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 31, 2020 at 5:17 pm #1199362
    jonroot

    Hi guys
    I am having this issue and tried the fix here https://kriesi.at/support/topic/mobile-menu-overlapping-the-woocommerce-shopping-cart-icon/ but it didn’t work.
    Could you take a look and let me know if there is another CSS snippet that would work?
    Thanks,
    Jon

    April 1, 2020 at 3:26 pm #1199782
    Rikard

    Hey jonroot,

    I can’t see any overlapping on my end using Chrome, in which browser and screen size are you seeing this happening?

    Best regards,
    Rikard

    April 1, 2020 at 3:56 pm #1199794
    jonroot

    Hi Rikard
    It’s on my iPhone 8. Here’s a screenshot of what I’m seeing: https://imgur.com/a/fAqDsDt
    Thanks for your help.
    Jon

    April 2, 2020 at 9:25 am #1200033
    Rikard

    Hi Jon,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top #menu-item-shop.cart_dropdown {
    margin-left: 0;
}
}

    Also try making your logo a bit smaller, this is the CSS applying right now:

    @media only screen and (max-width: 767px) {
.responsive .logo img {
    width: 200px !important;
}
}

    Best regards,
    Rikard

    April 2, 2020 at 2:25 pm #1200184
    jonroot

    Perfect – thanks so much Rikard! That all worked perfectly.
    You guys are the best!
    Jon

    April 2, 2020 at 5:29 pm #1200239
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Shopping Cart Overlaps Burger Menu’ is closed to new replies.