Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #782930

    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?

    #783369

    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

    #783386

    Brilliant! Thank you very much!!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Styling bug with WooCommerce’ is closed to new replies.