I would like to change my menu separator from “large” to “small” at a certain breakpoint so the menu does not run into the logo. How would I do that?
Site is here: http://marckdesignconcepts.com/chapel/
Hi alex5252!
Add this to your custom CSS.
@media screen and (max-width: 900px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
And play around with the 900px value to change the breakpoint.
Regards,
Elliott