White Bar Between Header and Menu

  • dtysick

    (@dtysick)


    11 years, 1 month 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Alexander

    (@alexanderbepunkt)

    11 years, 1 month ago

    Hi dtysick,

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

    Cheers,[
    [Signature removed per forum rules]

    alex138

    (@alex138)

    11 years ago

    #site-title img {
    margin: 0;
    }

    jjoerres

    (@jjoerres)

    11 years 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘White Bar Between Header and Menu’ is closed to new replies.