Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 5, 2020 at 5:19 pm #1258674
    Alex PS

    Dear Enfold Team,

    I have a bit of an issue with the shopping cart which is normally supposed to be displayed next to the burger menu.

    BUT

    Since I am using custom CSS code to trigger the mobile menu earlier (at 1024px width) the floating cart is still hidden. Someone from the Enfold team has already provided me with the CSS code snippet below:

    /* Mobile menu trigger */
    @media only screen and (max-width: 1224px) {
    .menu-item {
    display: none;
    }
    .main_menu {
    display: block !important;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block;
    }
    }

    This code does not work to reincarnate the cart:

    /* dissapeared cart */
    #menu-item-shop.cart_dropdown {
    display: block;
    }

    Looking forward to your reply.

    Best,
    Alexander

    November 5, 2020 at 6:22 pm #1258697
    Victoria

    Hey Alex,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    November 5, 2020 at 8:04 pm #1258715
    Alex PS

    Hi Victoria,

    Forgot to mention it, sorry, and thank you!

    Products

    Alex

    November 9, 2020 at 4:01 am #1259160
    Mike

    Hi,
    Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 1030px) {  
#header_main .menu-item.cart_dropdown {
	display: block !important;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    November 9, 2020 at 5:29 pm #1259302
    Alex PS

    Hi Mike,

    Thank you very much for the code. Seems to be working, have a nice one!

    Best,
    Alexander

    November 10, 2020 at 6:15 am #1259473
    Rikard

    Hi Alexander,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    November 10, 2020 at 12:53 pm #1259543
    Alex PS

    Hi Rikard,

    It is safe to say now that this topic could be closed, thank you!

    Best,
    Alexander

    November 10, 2020 at 1:26 pm #1259558
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Shopping cart not visible on mobile’ is closed to new replies.