Tagged: transparent header
Hi again,
I am having an issue with the transparent header on the front page of my site.
1. When I resize the browser to a width smaller than 1150 pixels
a) all elements start to shift and divs start overlapping
b) Menu Items begin to drop down to next line
So what I would like to know is
To stop menu items dropping down
a) how to make the distance between the menu list elements smaller
b) Do you have any other suggestions?
b) If that doesn’t work, how can I change the menu to a responsive menu at 1150px
Thanks,
Woody
Hey woodyalenton!
Add this to your custom CSS.
@media screen and (max-width: 1150px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
Best regards,
Elliott