Archived topic
Full width navigation header
10 replies · Started by Escobar on April 30, 2021
Would it be possible to give the header full width if navigation is used as the header?
Website is: mivestuariolaboral.com
Thanks in advance.
Would it be possible to give the header full width if navigation is used as the header?
website: mivestuariolaboral.com
Thanks in advance
Hi there,
your navigation is set to Full Width - its alignment is set to Center which closes the space around it. If you change alignment to left you should see it stretches full screen.
Thanks david.
Changed to left.
Please, see it.
mivestuariolaboral.com
It is aligned to the left but could it be full width and in the center?
https://www.mivestuariolaboral.com/menu-left.jpg
Thanks a lot
Hi Escobar,
I didn't see what was happening before with navigation as header, navigation set to full width and navigation align to center, these settings should've made the navigation and logo to the center and background color full width like below screenshot.
https://www.screencast.com/t/3c2gNUAzP0jW
What are you trying to achieve here?
Let me know :)
Could you see the previous image please?
Thanks
I saw it and the settings in the customizer should be able to achieve that result.
That's why I'm confused about what you are trying to achive.
How can i do it please?
I would like it to occupy the entire width so that the search bar was larger and there would be no space between the menu items and the search bar.

Thanks
How do you add the search bar? Using a hook?
If so, could you try menu_bar_item hook?
Let me know :)
Yes, i added it with the hook "generate_menu_bar_items"
Thanks.
Go to customizer > layout > primary navigation, adjust the Menu Item Width until finding a value that satisfies your need.
I think it will work for you :)