fizzy1
October 16, 2021, 3:33pm
1
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 fix this please? Is it also possible to make the icons bigger?
My shop is: https://toomey-koko.myshopify.com/
1 Like
@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!
fizzy1
October 16, 2021, 4:12pm
3
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?
1 Like
@fizzy1
the menu icon still disappears when you hover over the shopping cart icon. Is there a fix for this too?
Means?
fizzy1
October 16, 2021, 4:25pm
5
@fizzy1
your store not inspected Please disable security .
Thanks!
fizzy1
October 16, 2021, 4:53pm
7
What do you mean? How do I do that?
@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%;}
}
@fizzy1
Try this css
@media only screen and (min-width: 799px) {
#theme-ajax-cart.is-mini-cart {top: 45%;}
}
fizzy1
October 16, 2021, 5:08pm
11
It works now! Thank you so much!
1 Like
@fizzy1
If helpful then please Like Solution .