White Space underneath Header

  • Resolved salonethree

    (@salonethree)


    9 years, 5 months ago

    I am trying to add a header image to my site (www.crazyaboutart.com) but when I moved the header image above the navigation bar a whole lot of white space was added. Please help me remove it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    9 years, 5 months ago

    Some or all of this CSS may help

    .site-content {
   margin-top: 0;
}

.entry-content h1 {
   margin-top: 0;
}

    To add CSS: If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

    Learn the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    i figured it out, the navigation menu had padding attached to it, heres what the code looks like for anyone with a similiar issue

    /* Navigation Menu */
.main-navigation {
	margin-top: 5px;
	text-align: center;
}
.main-navigation li {
	margin-top: 5px;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}

    margin-top attribute is what adds/removes padding

    Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    thank you! It seems the only problem in the code was there was padding added to the menu. Sorry im pretty new to code.

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

The topic ‘White Space underneath Header’ is closed to new replies.