My nav bar overlaps with the search box option. So for example, half of “Contact Us” and half of “search” are using the same rel-estate. I would like them to sit flush next to each other .
I don’t want the Nav Bar links to take the full name of the page. Is there a way to create longer page titles without them carrying over into the nav bar titles? For example, I would like to title a page “Hotdogs in Mission Viejo” but the nav to read only as “Mission Viejo”.
1- This is usually caused by insufficient navigation bar width. When the menu exceeds the actual nav bar width. We can fix this with some css, or if you can, shorten a bit the titles or remove one menu item.
2-Please go to Appearance > Menus. Click on the menu item and change it’s title.(Screenshot)
Let us know if you need further help.
