Menu formating issues
-
If I resize the browser window, the menu items get stacked in two lines and them they disapper…. Instead of colapse to the little 3 horizontal bar ( hamburger menu icon ) leaving the vistors with no navigational tool!
How can I control the horizontal space between the main menu items?
Also, how can I have the menu items to use the horizontal space to the right of the logo? Even if I make the logo image smaller, the menu itens are not taking the extra space.
Regards
Paulo Tebet
-
Hey,
Do you mind posting a link to your site?Hannah
Thanks
You need to enable your mobile navigation. You can do so from Appearance > Menus.
You can use this css to keep the menu on one line until mobile kicks in:@media (max-width: 992px) { .sf-menu a { padding: 10px 10px; } }Hannah
Thanks a lot Hannah.
It is now working.
What about the space between the menu items? Can this be controled? I would like to have then close to each other.
Regards,
Paulo
Sure, just remove the media query. So change this:
@media (max-width: 992px) {.sf-menu a { padding: 10px 10px; } }to this:
.sf-menu a { padding: 10px 10px; }Hannah
yo tambien tengo proble el menu de mi web sale por debajo del contenido esta
tapiaysela, please create your own topic in the theme support area for the theme that you are using.
Kadence Themes
Worked like a charm!
Thanks a lot.
Paulo Tebet
The topic ‘Menu formating issues’ is closed to new replies.
