Archived topic
Split Top Menu into left and right section
5 replies · Started by stesch79 on June 8, 2016
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
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 :)
That easy? Not worth a support request... :-)
Anyway, thanks!
Happy to help :)
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
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 :)
