Hi
How come the cart icon not be clickable on mobile devices?
Hope you can help me,
Best regards
Morten
Hey kasperdue,
I have checked it and I couldn’t figure out why it’s not working on mobile since it’s working properly on ipad/tablet. Can you try to disable minification and flush out the cache? Let us know if this helps.
Best regards,
Nikko
Hi Nikko
Thank you for looking into this.
I’ve tried to disable minification – and now I ended up deactivating the WP Fastest Cache plugin again. But no result.
I can see the problem appears when screen size gets smaller than 768px, where the logo start to allign to the left.
But I see no CSS that are causing this.
I’m quite new to this project and are not aware for how long this has been an issue.
But it is quite critical because most of the traffic are from mobile devices – so I really hope, we can work this out.
Cheers,
/Morten
Hi Morten,
I see the issue now, it seems this css file is modified: nfold/config-woocommerce/woocommerce-mod.css (full link in private content) line 2845-2850:
.responsive #top .cart_dropdown {
position: absolute;
top: 50%;
margin-top: -23px;
z-index: -1;
}
but don’t need to change that and just add this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
.responsive #top .cart_dropdown {
z-index: 100 !important;
}
}
Hope this helps :)
Best regards,
Nikko
Beautiful.
CSS has been added. And it works perfectly.
Thank you very much for a great support!
Case closed.
Best regards,
Morten
Hi Morten,
Glad to hear that and your kind words are appreciated :) Thanks for using Enfold and have a great day! :)
Best regards,
Nikko