Remove white space below header image and before content, Help!

  • Resolved lceman

    (@lceman)


    11 years ago

    So, i’ve got my build set up off of a child theme, and everything is going okay for the most part, but i just can’t seem to figure out how to close this gap of padding between the content and the header.

    I’ve placed the nav on top, and made it “sticky” but the space under the header just won’t seem to go away. I’ve tried a bunch of things that i’ve seen all over and i just can’t seem to figure out what’s going on wrong here.

    I’m not a TOTAL noob when it comes to coding, but i’m no pro, this could very well be something totally easy i’m just not seeing.

    Here’s the site in question

    https://dev.punkrockbowling.com/home

    Can anyone possibly help me get over this hump?

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

    (@riskamudrika)

    Find this in your style.css

    .main-navigation {
    clear: both;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 45px;
    position: relative;
    }

    remove min-height: 45px;

    Pioneer Web Design

    (@swansonphotos)

    This CSS seems to be causing issues:

    .nav-menu {
           top:0;
           bottom:5;
           position:fixed;
           background: #383838;
           left:0;
           z-index:99;
           right:0;
                  }

    remove bottom:5;

    And:

    .main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 45px;
	position: relative;

}

    remove min-height: 45px;

    But, your best bet is to redo the page template in use and correct the layout.

    Thread Starter lceman

    (@lceman)

    That did the trick! Thank you very much.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove white space below header image and before content, Help!’ is closed to new replies.