Hi,
I’m having an issue with mobile view of my logo and menu area. Can you assist me in getting the logo to stretch across the top, and the menu burger, cart, search, account icons just below.
Currently, the burger and other icons are just overlapping the logo.
Hey halkmarine,
Thanks for your patience, unfortunately for mobile this is not a good way to achieve is, instead try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to prevent the overlap:
@media only screen and (max-width: 767px) {
#menu-item-shop .cart_dropdown_link {
padding: 0;
}
.responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
padding-right: 0;
margin-right: -24px;
}
}
After applying the css, please clear your browser cache and check.
This is the expected result:
Best regards,
Mike