Hello
I use an extension Woo Floating Cart but it appears on the mobile menu.
To test add some products to the cart for example here:
http://www.virtualmagie.com/boutique/tours/inv3rsion-pierre-boc-yves-meret/
How I could achieve that this block cart be under the menu?
Regards
Hi,
Sorry but I cannot see any woo floating cart on your mobile menu. We have not tested this plugin so I cannot say for sure how you can implement it in our custom mobile menu. You can try a bit of css positioning on the button:”
https://www.w3schools.com/css/css_positioning.asp
Thank you!
As I wrote, please on a android phone go to the link I put and add the product in cart.
You see the cart on top left.
Go on the menu and you will the problem.
Impossible to close the menu because the cart block goes on the sign to close.
I suppose you have to define that the menu need to be in top of everything.
Regards
Hi,
You can try this code that changes the z-index on that element, and applies only when the mobile menu is displayed – https://www.screencast.com/t/RYliJHxCmS6Q or when the mobile search screen is open – https://www.screencast.com/t/WciwI1axFKck
These are the codes used, please try and see if they are working properly for you
.td-menu-mob-open-menu
.woofc-trigger,
.woofc-inner {
z-index: auto;
}
.td-search-opened
.woofc-trigger,
.woofc-inner {
z-index: auto;
}
Thanks
Hi,
I have not thought about that situation. Please try it like this and see if it works properly now
.td-menu-mob-open-menu
.woofc-trigger,
.td-menu-mob-open-menu
.woofc-inner {
z-index: auto;
}
.td-search-opened
.woofc-trigger,
.td-search-opened
.woofc-inner {
z-index: auto;
}
With this result – https://www.screencast.com/t/fe9StL7TM
Thanks
It seems to work perfectly.
Many thanks
