Hi there, I would like to make the following changes to the mobile menu (link by private)
1. Change the hamburger icon, preferably with three solid lines
2. Eras the triangle at the right of each menu item
3. Instead of the menu covering the whole image, can it appear just below the logo?
Thanks!
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#advanced_menu_toggle, #advanced_menu_hide {
border: none;
}
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
display: none;
}
.show_mobile_menu #advanced_menu_toggle {
opacity: 0!important;
}
l#mobile-advanced {
padding-top: 0;
margin-top: 80px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
