In style.css line 492
#horiz-menu, #horiz-menu ul {
border-width: 0;
font-weight: bold;
height: 42px;
list-style: none outside none !important;
margin: 0;
padding: 10px;
width: 1100px;
there is padding 10px you can take that out then you will that you will have little padding between bar and content
Thread Starter
astriv
(@astriv)
I tried doing that before but it only moves the menu bar up a little near to the banner but it doesn’t eliminate the space gap between the header and the menu bar.
Thread Starter
astriv
(@astriv)
Does anyone have any idea?
I agree with Govpatel, change:
#horiz-menu, #horiz-menu ul {
border-width: 0;
font-weight: bold;
height: 42px;
list-style: none outside none !important;
margin: 0;
padding: 10px;
width: 1100px;
}
to
#horiz-menu, #horiz-menu ul {
border-width: 0;
font-weight: bold;
height: 42px;
list-style: none outside none !important;
margin: 0;
padding: 0 10px 0;
width: 1100px;
}
I would also change:
#header {
height: 72px;
margin: 0 auto;
padding: 19px 0;
width: 960px;
}
to
#header {
height: 102px;
margin: 0 auto;
padding: 0 0;
width: 960px;
}
AND to remove the space under the nav bar to the content:
change
#navwrapper {
background: url(“”) no-repeat scroll 0 0 transparent;
height: 72px;
margin: 0 auto;
padding: 0;
width: 940px;
}
#navwrapper {
background: url(“”) no-repeat scroll 0 0 transparent;
height: 42px;
margin: 0 auto;
padding: 0;
width: 940px;
}
Thread Starter
astriv
(@astriv)
Oh my gosh, it works! Thank you thank you thank you CharlyLeetham!
😀
Since this thread is still open, I might try to get help on a similar issue. I have a slight wight space between my banner image and the menubar. I can’t for the life of me find the CSS causing this.
I made a child style of Twenty Ten and am slowly modifying it.
Here is my site: http://nwep.ca/wordpress/
Not sure if you can access my CSS, let me know and I’ll include it.
Thank you for your help!
