Hi
Since updating to the latest version of Enfold, the Basket icon on a mobile device isn’t clickable. I have worked out though that if you add something to the basket, you are able to click on the “Cart Counter” icon but that is very small to touch on a mobile devise.
Do you know why it’s not clickable on a mobile? It seems to be OK on a tablet.
Many Thanks
Regards
Colin
Hey waveseven,
https://cl.ly/c66d78da7653 This code in your styles css needs to be changed to work on tablets and desktop but not on mobile with the help of media queries.
Do you need help with that?
Best regards,
Victoria
Hi Victoria
That css puts the basket icon in the correct position on the mobile. If I remove it the cart icon moves to the top but I still cannot click on it. I have added a z-index but it’s still not clickable on a mobile.
ul.cart_dropdown {
margin-top: 34px !important;
margin-right: 0 !important;
position: relative;
z-index: 9000;
}
Many Thanks
Regards
Colin
Hi,
Did you adjust for mobile:
@media only screen and (max-width: 767px) {
ul.cart_dropdown {
margin-top: 34px !important;
margin-right: 0 !important;
position: relative;
z-index: 9000;
}}
Best regards,
Jordan Shannon
Hi Jodan
Yes that was the adjustment for mobile. @media only screen and (max-width: 767px)
I have now managed to fix it by adding the following
#menu-item-shop.cart_dropdown{
z-index: 10000 !important;
}
this now makes the shopping cart clickable on the monile
Many Thanks
Regards
Colin
Hi,
Perfect! I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon