[Resolved] menu in navbar

[asaf]

hi,

i add a search box to my navbar and it change the position of the menu.

1) how can i move the menu to the left?
2) how can i move the the social media menu in the header to the left above the search box?

https://cooking-mood.co.il/

thanks

[Leo]

Hi there,

1. Are currently using align center? Have you tried align left?
https://docs.generatepress.com/article/navigation-layout/#navigation-alignment

2. Try removing the left header padding:
https://docs.generatepress.com/article/header-padding/

Let me know 🙂

[asaf]

hi leo,

i’m using align center but Because I added search box it change the position of the menu.

i tried to align leftbut it does’t work.

[Leo]

Can you change it to left so I can see the issue?

[asaf]

this is what happened when i change it to left: https://cooking-mood.co.il/

[Leo]

I guess the language makes it opposite.

What happens if you change it to right?

[asaf]

same result: https://cooking-mood.co.il/

[Leo]

So setting it left and right is the same result?

That’s likely a bug.

Can you set it to left again and I’ll provide a CSS fix for now?

Thanks 🙂

[asaf]

i set it to left again

[Leo]

Sorry…having a hard time getting it to work. Can you set it to center again?

Should be the last change 🙂

[asaf]

It’s OK 🙂

i set it to center: https://cooking-mood.co.i

[Leo]

Add this CSS:

.nav-aligned-center .main-navigation {
    text-align: left;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

[asaf]

Sorry Leo,

i Add this CSS code and now appears like this: https://cooking-mood.co.il/

i need it to be in the centr between the search box to the logo.

[Leo]

Ahh I thought you wanted the menu to be on the left.

It’s not very easy to make it center.

You could try making the custom search position: absolute; like you did with the logo.

[asaf]

this is what happened when i do it: https://cooking-mood.co.il/

i need a css code that move just the menu a little bit to the left when i set it to center again.

[Author]

Posts