Wordpress - Top navigation menu issues - wordpress

I'm working on a wordpress page and I have a problem with the top navigation menu. If you check my screenshot in the link, you can see a big white area under the top menu, which should not be there. It's as if the top menu extends all the way down there.
Naturally, if I remove the top navigation menu the white spice disappears, confirming this has something to do with that very menu.
I'm not well versed in wordpress. So I don't know exactly what files, code or setting I should check.
Any ideas?

Related

WordPress Block Theme Navigation remove submenu on hover

I am working on a WordPress Block Theme (FCE) and want a vertical navigation on the left side.
When I add the Navigation Block vertical it is still opening the submenu while the mouse hover. The submenu shouldn't open when hover. I prefer it always open. How can I stop this menu hover?
I went back to Classic Theme. As multiple things like this are not yet possible in full FCE Block Themes and they are still in Beta.

Menu hiding behind search box on one page

Wordpress site - https://www.planninggeek.co.uk/
The home page has a search box and the dropdown menu above goes on top of it.
However if I go to the search page - https://www.planninggeek.co.uk/?s=
The the search box is on top of the menu dropdown.
I have played around with z-index but drawn a blank.
Anyone have an idea as to why this is happening. The code for the box is the same.
mega-search-wrap mega-static has a z-index

Sticky menu while scrolled WordPress

I want to display the menu hanging while the top advertisment section and logo section is scrolled down and it must be sticked on the top. I am customizing the theme. In the theme there is no such property but I want it on my site.
I have tried using jQuery syntax but didn't work out.

Wordpress HMTL5 Blank Theme- How to change submenu attributes/justification

We recently migrated our website from Sharepoint to Wordpress with HTML5 Blank theme.
We are trying to figure out how to edit the appearance of sub-menus and their parent menus. Primarily when customizing and editing menus they show up justified right, but published on the page they justify left, and also longer words spill over to the left instead of the right. Please see screenshot below.
Where can we find the edit options to offset submenus and their subsequent menus justify and shift/spill over?
Screenshot of menus being edited
Screenshot of menus published on homepage
The screenshot of your menu's being edited is the way it is displayed in the backend of all WordPress websites. It has not hing to do with the way the menu is rendered in the frontend.
To change the appearance of your menu, you will have to write some custom css. The parent list items will have to be relatively positioned, the child list items will have to be absolutely positioned.

Bootstrap Nav Menu active link indicator

I have a site that I am working on in wordpress using parallax scrolling and bootstrap V 2.3.2.
I have two questions regarding the nav menu bar:
Can anyone offer some suggestions on getting the nav bar to stay at the top of the page when I scroll back to the top?
This is related to above question. When I scroll to the top and go back to the "home section"
the second section "Creative Services" is still highlighted even though that is not the active page. I would like to have it return to it's normal (white) state.
Link to my website

Resources