Hello guys,
after the latest child theme update it seems that i am having an issue with the header.
1. on desktop the header is now displaying the mobile header icons (hamburger nav icon + shopping bag icon) as well as the standard desktop header.
2. on mobile the hamburger nav icon + shopping bag icon are now too close together and not leveled.
Could you advise how i can resolve this please?
Thanks for your help!
Hey clairemartindigital,
Can you please disable the caching plugin, so that we can be more efficient at proposing you a solution?
@media only screen and (max-width: 767px) {
#top #header_main #menu-item-shop .cart_dropdown_link {
height: 95px;
line-height: 80px;
margin-left: 30px;
}
.main_menu .avia-menu {
right: 20px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
the caching plugin is now disabled.
On mobile devices, the cart link and burger menu are too close together now, to the point where the menu is not clickable. The icons are also not aligned. Could you have another look please?
Thanks
Hi,
Thank you.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 450px) {
#top #header_main #menu-item-shop .cart_dropdown_link {
height: 95px !important;
line-height: 80px!important;
margin-left: 15px!important;
padding: 0;
}
.main_menu .avia-menu {
right: 20px;
#top #header_main #menu-item-shop .cart_dropdown_first {
width: 40px;
height: 80px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
many thanks!
you can close this one.