Header and menu spacing help needed

patterson521

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

patterson521

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

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

http://prntscr.com/kwk5wi

Delete it and everything will be fine.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

patterson521

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:

https://prnt.sc/kwlqw6

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

patterson521

Thank you.  I adjusted this and it is working.