Hi,
Please help me to sort out this issue. There is a bug or something because the search bar is overlapping the menu on mobile view.
Screenshot: https://snipboard.io/LvBm0n.jpg
Kind regards,
Tony
Hey Tony,
Thanks for the screenshot, please post a link to where we can see the actual element as well.
Best regards,
Rikard
Hi Rikard,
Please find the link below.
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu {
right: 0 !important;
}
}
Best regards,
Rikard
Hi Rikard,
Thanks for getting back to me.
I added the code but the loop is overlapping the cart icon. Also, the loop and the x is still overlapping. Please have a look on the screenshots below:
https://snipboard.io/ND0dqi.jpg
https://snipboard.io/MwsJca.jpg
Looking forward to hearing from you.
Best regards,
Tony
Hi Tony,
I’m very sorry for the late reply. Please try this CSS instead:
@media only screen and (max-width: 767px) {
#menu-item-shop .cart_dropdown_link {
padding: 0;
}
.responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu {
right: 30px;
}
}
If that doesn’t work then please include admin WordPress login details in private so that we can have a closer look.
Best regards,
Rikard
Hi Rikard,
Thanks for getting back to me. The icons look very good now. Have a look >>> https://snipboard.io/PB27ar.jpg.
However, the loop and the x is still overlapping the menu, this shouldn’t be on still on top of the menu?
See Image: https://snipboard.io/MwsJca.jpg
Best regards,
Tony