Remove small space above main navigation

  • Resolved miss_v

    (@miss_v)


    11 years, 4 months ago

    Hello,

    I’m using a child theme of Twenty Twelve and there is a small space between the header image and main navigation. My site is under construction here:

    http://www.daughtersofthemoon.com/_new/shop2/

    I’ve tried 

    .main-navigation {
	margin-top: 0px;

    AND 

    .site-header {
		margin-bottom: 0;
		padding-bottom: 0;

    as suggested in other areas of the forum but the space remains.

    Please, what can I do ?

Viewing 4 replies - 1 through 4 (of 4 total)
  • bradchando

    (@bradchando)

    11 years, 4 months ago

    Hello,

    I think adding this code will fix you problem.

    img.header-image{
   margin-bottom: -3px;
}

    Let me know if you need any other help.

    Thanks You,

    Brad

    Thread Starter miss_v

    (@miss_v)

    11 years, 4 months ago

    Thank you! But, it didn’t do anything after I uploaded the style sheet x2 and refreshed the page x2.

    Now what?

    stephencottontail

    (@stephencottontail)

    11 years, 4 months ago

    It doesn’t work because later in your stylesheet, there’s this rule:

    img.header-image {
margin: 0;
}

    Because it occurs later in the stylesheet, it takes precedence. A quick fix would be to add Brad’s suggestion to the end of your stylesheet.

    By the way, it isn’t necessary to copy the entire parent theme’s stylesheet into your child theme’s stylesheet. This line:

    @import url("../twentytwelve/style.css");

    already does that for you. It would be best if you deleted everything from the child theme’s stylesheet after that line, and then added Brad’s suggestion.

    Thread Starter miss_v

    (@miss_v)

    11 years, 4 months ago

    That did the trick! Didn’t realize it was in there a second time. Thank you both!

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

The topic ‘Remove small space above main navigation’ is closed to new replies.