Archived topic
secondary-navigation on Top
5 replies · Started by Frank Noack on December 9, 2020
Example of a secondary-navigation
Can you please give me a simple Code example for a secondary-navigation. The picture shows what I mean.
LINK to Picture:
secondary-navigation on Top
Should I work here with the element module and CSS or the widget and CSS?
I thank you very much
Frank
Hi there,
simply create your Menu with all of those links and set its location to Secondary navigation.
You're 'Back to Windows' menu item give it a CSS Class of align-left
This explains adding CSS class to the menu:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes
Then add this CSS to your site:
@media(min-width: 769px) {
.secondary-navigation .main-nav {
flex: 1;
}
.secondary-navigation li.align-left {
margin-right: auto;
}
}Hello David,
this works perfect.
Do you also have the solution for the same secondary navigation for mobile devices without the Hamburger Menu Icon?
This is what I mean!
Secondary Navigation on Mobil
Many Thanks
Frank
This article explains how to do that:
https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/
Hello David,
thank you for your effort!
Everything works very well!
Many Thanks
Frank
Glad to be of help!
