Remove margin between header and navigation menu

[burksbarn]

I have tried different code different places or editing what is already there.  For some reason I cannot get rid of giant white space under header.   Any help would be great!  Prose Theme

http://www.burksbarn.com

 

Thanks!

[wp guy]

It appears there's a widget area on the right between your header and menu.

[burksbarn]

Okay, that makes sense I think.  But how do I get rid of it or hide it or anything with it? Thanks so much!

 

[dp]

Hey, there.  I'm a newbie, still figuring stuff out, but I think if you go into the editor, under appearance, go into the css style section, go to: #header .widget-area, and change the top padding from 20 to 0, you should be good.  Hope it works.

dp

[wp guy]

Hmmm, try decreasing the top padding:

#header .widget-area {

    float: right;
    padding-right: 10px;
    padding-top: 20px;
    width: 478px;

}

 

[burksbarn]

I tried that originally and again and that didn't work.

 

[wp guy]

Is this what you changed?

#header .widget-area p {

    margin: 0;
    padding: 0 0 5px;

}

Because you'll still need to change this:

#header .widget-area {

    float: right;
    padding-right: 10px;
    padding-top: 20px;
    width: 478px;

}

[burksbarn]

I changed both for good measure and it didn't change.  I also clicked update file like 3 times hoping it would magically start working 😉

 

[wp guy]

This may sound odd, but it's something to try; drag a text widget into that widget area - leave it blank. And make sure you have applied the padding changes.

[dp]

i think wp guy is right, but there might be another issue we're not seeing.  when I used firebug on your site, changed top padding from 20 to 0, it bumped it up, no gap.  good luck!

[burksbarn]

Too funny but when I went to the header widget there was already a text widget there.  I deleted it and bam it worked.  I cannot thank you enough this has been making me nuts for a LONG time.  Have a super evening 🙂

[Author]

Posts