[Resolved] secondary-navigation on Top

[Frank Noack]

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

[David]

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;
    }
}

[Frank Noack]

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

[David]

This article explains how to do that:

https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/

[Frank Noack]

Hello David,

thank you for your effort!
Everything works very well!

Many Thanks
Frank

[David]

Glad to be of help!

[Author]

Posts