Shopify themes, liquid, logos, and UX
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/
Solved! Go to the solution
This is an accepted solution.
Try this css
@media only screen and (min-width: 799px) {
#theme-ajax-cart.is-mini-cart {top: 45%;}
}
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?
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
your store not inspected Please disable security .
Thanks!
What do you mean? How do I do that?
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 😞
This is an accepted solution.
Try this css
@media only screen and (min-width: 799px) {
#theme-ajax-cart.is-mini-cart {top: 45%;}
}
It works now! Thank you so much!
If helpful then please Like Solution .
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024