Support » Fixing WordPress » How to remove the space between the header and the menu?

  • Resolved astriv

    (@astriv)


    I tried tweaking some of the margin and padding codes in the stylesheet but nothing seem to work. Can anyone please point out the exact position of the code and tell me what I should change.

    My website:
    http://www.manilacitycondo.com/

    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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

    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.

    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;
    }

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove the space between the header and the menu?’ is closed to new replies.