[Support request] Nav next to the logo but search icon on the right

[Fabien]

Hi,

I’d like to have my nav next to the logo (it works using this) :

.nav-float-right .inside-header .main-navigation {
float: none;
display: inline-block;
vertical-align: middle;
}

but I’d like to keep the search icon align to the right side of the screen.

How can I do that ?

Thanks

[Tom]

Hi there,

Can you link me to your site so I can see how it’s set up right now? Should be able to do this with some simple CSS 🙂

[Fabien]

Here you go : https://independantiod.wpengine.com/

I might need to add other things next to the search icon in a near future… Maybe is it better to use a secondary nav ?

Thanks

[Leo]

You should be able to achieve the exact layout you are looking for by using this method here:
https://docs.generatepress.com/article/navigation-logo/#navigation-as-header

Set the alignment to left:
https://docs.generatepress.com/article/navigation-layout/#navigation-alignment

Then the search should still be on the right of container so no CSS required.

Let me know 🙂

[Author]

Posts