[Resolved] Split Top Menu into left and right section

[stesch79]

Hi

I’m looking for a solution to split the menu into a left and a right section, like on this non-Wordpress site from me: http://shop.tramclub-basel.ch/

I would to the same for the correspodning WordPress site: http://v8.tramclub-basel.ch. There I’d like to have a “Home” button on the left side of the top secondary nav.

Cheers,
Stephan

[Tom]

There’s a class you can add to menu items to make them float right: menu-item-float-right

https://generatepress.com/knowledgebase/using-menus/#custom-classes

If you want to do it another way, you’ll need to add a new class in CSS:

@media (min-width: 769px) {
    .menu-item-float-left {
        float: left;
    }
}

Hope this helps 🙂

[stesch79]

That easy? Not worth a support request… 🙂
Anyway, thanks!

[Tom]

Happy to help 🙂

[Sven]

Hey guys,
I have no I idea what I did wrong because your example seems bulletproff but somehow it doesn`t work with my page.

This is what I pasted as additional css in cusomizer:

@media (min-width: 769px) {
.menu-item-float-left {
float: left;
}
}

This is what I added as css class into the individual menu item: menu-item-float-left

What is my mistake?

Regards, Sven

[David]

Hi there,

this is a really old topic and those styles won’t apply to a new GP 3.0 site.
If you can raise a new topic and share a link to your site i’ll take a look 🙂

[Author]

Posts