I have a styling bug on woocommerce. When the display is resized, there is transitional width in which the cart is behind the hamburger icon. How to fix it?
Hey MORTULGAAH,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 989px) and (min-width: 768px) {
#menu-item-shop.cart_dropdown {
right: 52%;
}
}
@media only screen and (max-width: 767px) {
.responsive #top .logo {
width: 65%;
}
.responsive #top #menu-item-shop.cart_dropdown {
right: 10%;
color: #000;
}
}
Please don’t forget to flush caches after making changes.
If you need further assistance please let us know.
Best regards,
Victoria
Brilliant! Thank you very much!!