Hello I have the Flex theme from Out of the Sandbox, and this has been customised already. I have custom shopping cart, search icons. The issue I’m having is that when you hover over the shopping cart icon, the hover menu disappears before you can make a selection to check out. Is there anyway to …

@fizzy1 Try this css @media only screen and (min-width: 799px) { #theme-ajax-cart.is-mini-cart {top: 45%;} }

@fizzy1 Please Go to Online Store->Theme->Edit code then go to assets/styles.scss.liquid ->paste below code at the bottom of the file. @media only screen and (min-width: 799px) { .header__icons .icon {height: 2rem; width: 3.2rem} } Thanks!

thank you for your help. The icons are now increased in size, but the menu icon still disappears when you hover over the shopping cart icon. Is there a fix for this too?

@fizzy1 the menu icon still disappears when you hover over the shopping cart icon. Is there a fix for this too? Means?

I’ve done a video showing what I mean. https://drive.google.com/file/d/1Xa76ZAGJqP8FajgO6id8g8PZhvFgYjwb/view?usp=sharing

@fizzy1 your store not inspected Please disable security . Thanks!

@fizzy1 Please Go to Online Store->Theme->Edit code then go to assets/styles.scss.liquid ->paste below code at the bottom of the file. @media only screen and (min-width: 799px) { #theme-ajax-cart.is-mini-cart {top: 50%;} }

That still doesn’t work :disappointed_face:

It works now! Thank you so much!

@fizzy1 If helpful then please Like Solution .

Shopping cart menu disappears on hover, please help

Store Design

fizzy1 October 16, 2021, 4:53pm 7

What do you mean? How do I do that?

Topic		Replies	Views
How to reduce the cart icon size? ( Shopify Dawn Theme ) Store Design menu , liquid , design , header , customizations , css , cart-page , shopify-themes , html , product-page	10	58	May 11, 2025
How to remove the hover effect from the icons Store Design menu , liquid , design , header , customizations , collection-page , landing-page , css , cart-page , metafields , shopify-themes , troubleshooting , html	5	80	June 8, 2025
Removing Zoom upon Hover on Cart Icon (Dawn Theme) Store Design shopify-themes	1	21	December 20, 2023
Unable to change the icon size of menu and search in mobile version Store Design header	10	49	November 2, 2023
Change mobile header icons size flex theme Store Design	4	39	June 23, 2023

Shopping cart menu disappears on hover, please help

Related topics