Header and menu spacing help needed

patterson521 · September 2018

I've searched here and fiddled with this without any luck. 2 problems still happening.

1. The lowest submenus are too low.

Example:

http://www.springerrescue.org/2017/ - Adoption < Available Dogs < West, etc.

2. The menu in the header is not centered vertically (doesn't line up with button on the right) on loading OR when sticky.

Here's what I already have in custom CSS:

@media only screen {

#Top_bar #logo { height: 95px !important; }

}

#Top_bar .menu li ul {

top: 85% !important;

}

#Top_bar .menu > li > a span:not(.description) {padding: 10px 10px 15px 10px ; }

body:not(.template-slider):not(.header-simple) #Header { min-height: 95px !important; }

Pablo · September 2018

Hi,

Delete whole Custom CSS you inserted (menu related) and please, try to decrease an amount of your menu items.

One less item will fix all of these issues.

Thanks

patterson521 · September 2018

If I remove the menu CSS, the menu is centered vertically, but there is a large space under the menu, before the submenu that I don't want.

Also, I want the top menu items in the header to be closer together and not as spread out across the header. That was why I tried this code:

#Top_bar .menu > li > a span:not(.description) {padding: 10px 10px 15px 10px ; }

But then the menu is not centered vertically.

Pablo · September 2018

Okay, I've found the CSS which make an issue.

Delete it and everything will be fine.

Thanks

patterson521 · September 2018

The site has migrated but the DNS servers have not. I have removed ALL extra CSS code.

This is what I have and the 2 issues that I am trying to fix:

Pablo · September 2018

Hi,

If you've done what I told you before, please paste this Custom CSS code

ul.sub-menu{
	margin-top:-50px !important;
}

ul.sub-menu ul.sub-menu{
	margin-top:0 !important;
}

If you want I can make a code for you with decreasing this paddings for menu items, but it can couse a responsive problems.

Cheers

patterson521 · September 2018

Thank you. I adjusted this and it is working.

Comments