Header spacing issue

  • Hello!
    I’m having trouble trying to remove the space that is present between the header and nav bar in my site. Anyone know where to look to fix the problem? I’m using the Executive theme from StudioPress. Any help would be great!

    https://www.kivertslaw.com/wp2

Viewing 5 replies - 1 through 5 (of 5 total)

  • <div class="widget-area">

    This CSS/element style is pushing this down – use Firebug/modern browser and ‘inspect your elements’ to see same info…

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    The div with class .widget area that the two text widgets are in at the right of the header area is what is holding the nav and content down. Add a height declaration to the selector shown below.

    #header .widget-area {
height: 140px;
}

    I also suggest adding a width of 100px to #text-10 as it is currently hanging way outside #wrap and making a horizontal scroll bar show up.

    #text-10 {
width: 100px;
}
    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    I should have refreshed.

    Thread Starter jpico774

    (@jpico774)

    Thanks for the help! I added a height declaration and it did the trick!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    You are welcome.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header spacing issue’ is closed to new replies.