WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
White Bar Between Header and Menu (4 posts)

  1. dtysick
    Member
    Posted 1 year ago #

    I am having difficulty removing the white bar between the header image and the navigation menu. I am not sure if this white space is an extension of the header or if it is a place for the header sidebar. The website is chicthestyle.com

    I have added the following CSS to get the social media icons where I want:

    #site-title {
    margin: 0;
    line-height: 0;
    float: left;
    z-index: -1;
    }

    #social-media-icons {
    z-index: 1;
    position: absolute;
    top: 135px;
    right: 50px;
    }

    #header #s {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    }

    Any suggestions on how to either get rid of the white space?

    Thank you,

    Dustin

  2. Alexander
    Member
    Posted 1 year ago #

    Hi dtysick,

    try to remove the widgets, resp. the search widget from the header.

    Cheers,[
    [Signature removed per forum rules]

  3. alex138
    Member
    Posted 1 year ago #

    #site-title img {
    margin: 0;
    }

  4. jjoerres
    Member
    Posted 1 year ago #

    I don't know much about this..but I got mine to work - though I'm still working on the rest of my site.

    I went into the css
    look for where it says
    Header and remove this

    margin-bottom:1.76%

    this is what I have now..

    #header input#s:focus {
    width:180px;
    background:#ececec url(images/search.png) right center no-repeat;
    box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
    color:#333;
    text-indent: 0;

    hope that helps

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic