Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #708030

    Hi enfold team,

    i have an question about the mobile menue and the woo commerce cart on our homepage. My problem is that the shopping cart is showing only in the desktop modus on our homepage. In mobile view is the woocomerce cart don’t showing. But i would like to have the cart always showing in the mobile view on. My Enfold settings are “Shop options” > “Header Shopping Cart Icon” > “Always Display attached to the main menu”.

    What can i do? Is there an Css Code to display: block; or something)

    Thanks in advanced and best wishes
    Tom

    P.s. please take a look on the link.

    #708050

    Hey THobbes,

    Kindly check your Quick CSS and look for this code:

    @media only screen and (max-width: 800px)

    Inside it’s scope (just below it) you should find:

    nav.main_menu {
        display: none !important;
    }

    Replace it with:

    nav.main_menu {
        display: block !important;
    }

    Let us know if it works :)

    Best regards,
    Nikko

    #708191

    Thanks Nikko.. this code works very well.
    Now, the woo commerce cart icon is in the mobile active, but without a border around the icon. Is it possible to have the same border on this as the menu icon? Thanks in advanced..

    Best wishes
    Tom

    • This reply was modified 8 years ago by THobbes.
    #708924

    Hi Tom,

    Kindly add this code inside @media only screen and (max-width: 800px):

    .responsive #top #menu-item-shop .cart_dropdown_link > span[data-av_iconfont="entypo-fontello"]:before {
        border: 1px solid #ddd;
        padding: 14px 16px;
    }

    Let us know if it helps :)

    Cheers!
    Nikko

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