Collapsed menu covering Cart Icon on Desktop Browsers
Hi!
I am using the split menu with custom css provided by you to display the Cart Icon in the header
#Top_bar a#header_cart { display: block !important; }
The problem I am having is that on desktop browsers, when the browser is reduced in width the menu collapses (becomes like the mobile menue) and directly covers the cart icon so you can no longer access the cart.
http://www.mintprintworks.com/
Ironically on mobile devices this doesn't happen, the mobile menu sits next to the logo and you can still see the cart icon.
Can you help me fix this problem for desktop web browsers? If we can move the collapsed menu all the way over to the left or just to the left of the cart icon that would be perfect!
Thanks.
I am using the split menu with custom css provided by you to display the Cart Icon in the header
#Top_bar a#header_cart { display: block !important; }
The problem I am having is that on desktop browsers, when the browser is reduced in width the menu collapses (becomes like the mobile menue) and directly covers the cart icon so you can no longer access the cart.
http://www.mintprintworks.com/
Ironically on mobile devices this doesn't happen, the mobile menu sits next to the logo and you can still see the cart icon.
Can you help me fix this problem for desktop web browsers? If we can move the collapsed menu all the way over to the left or just to the left of the cart icon that would be perfect!
Thanks.
Comments
you can move this icon to the left side with the following css:
#Top_bar a.responsive-menu-toggle { right: 50px !important; }