Menu active area not same height as nav bar

Hi Folks, had a good search on the forum and days of trying to sort this myself.

I have a menu but the active part that you click on is not the same height as the menu itself.
I have adjusted everything I can see but nothing works.

Link below shows the problem if you hover over the links the active area does not go all the way to the bottom.
Would like the active area to be the full height of the nav bar.

Any help would be very much appreciated please.

How to overlay navigation menu on image


I'm new here and was hoping you may be able to help please

Sorry if this has already been covered somewhere but I couldnt find any relevant posts.

I am trying to overlay the top navigation menu onto an image so effectively the nav bar is transparent.

Anyone know some CSS code that can do this please???

Thank you

Michelle Smile

how to understand navigation bar CSS with drop down menu?

how to create a navigational bar with drop down menu?
i found this CSS code for navigational bar with drop down menu somewhere else in google.
but i need to know every step, why they use "nav ul ul" so many times, why can't they use "nav ul ul" one time?
please explain the below code?

nav ul ul {
	display: none;
	nav ul li:hover > ul {
		display: block;}
nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 

CSS stylesheet issue. Responsive Nav bar font color not responding

I'm working on a responsive layout and it has two different menu layouts, standard and mobile. I can't seem to get the font color to change on the current page link in the main(2nd) navigation menu. I can set the back ground of the current/active page, and it works in both menus; however when I change the font/link color it only changes in the mobile menu. I have searched and can't seem to find the reason this happens or a solution. IDK if the issue is in the css or the header.

Here's the page:

Guys, please help me with this "Flexible Box Layout" problem!!!

Hi guys, I am trying to lay out my page using the "Flexible Box Layout" but I am having some irritating issue here, I've attached pics of the CSS file and the result, as you can see, for some reason, I get an "extra" box at the beginning of the navigation menu(I turned on the border left/right for better visual). Do you guys know why I am getting this issue please? Any suggestions are much much appreciated. Thank you very much. By the way, I am new to web coding.

Syndicate content