WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to remove the space between the header and the menu? (7 posts)

  1. astriv
    Member
    Posted 3 years ago #

    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.

  2. govpatel
    Member
    Posted 3 years ago #

    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

  3. astriv
    Member
    Posted 3 years ago #

    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.

  4. astriv
    Member
    Posted 3 years ago #

    Does anyone have any idea?

  5. CharlyLeetham
    Member
    Posted 3 years ago #

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

  6. astriv
    Member
    Posted 3 years ago #

    Oh my gosh, it works! Thank you thank you thank you CharlyLeetham!

    :D

  7. stickers11
    Member
    Posted 2 years ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Topic