Tagged: Cart, display, mobile menue
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.
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
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
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