Twenty Twelve – Spacing in navigation and about header image

my site is notlikethemoviesblog.com

I do not know exactly what does what, but here is what I have that I think does that:

/* Header */
.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
	position: relative; /* our add */
}

.header-image {
	margin-top: 0; /* our mod */
	margin-top: 0rem; /* our mod */
	vertical-align: bottom; /* our add */
}

Thanks, that seems to have tightened it up a little but. Though I still have quite a spacey navigation bar with the two grey lines (one above and one below).

I altered some of the number beside the .nav and .main-navigation and now my two page titles in the navigation are stuck to each other – no space between the text ??

Here is what I have for that:

.main-navigation li {
	margin: 2px 40px 8px 0px; /* top - right - bottom - left */
	margin: .142857142rem 2.857142857rem .571428571rem 0rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.214285714;
	position: relative;
}

PS: Are you using a Child Theme?

@sarahlb22 –

First, you should not have a copy of the entire parent theme style.css file in your child theme – it should contain only changes.

As is, you have duplicate CSS because you also have the @import line – this causes much confusion and slows down your site.

So I’d suggest fixing that first.

Hi WPyogi,

Yeah initially my import link didn’t seem to be working so I had the whole file copied in there as I wasn’t sure what I could get rid of :S

My import link is working now as far as I know so I just have to get rid of all the unchanged stuff? Not sure exactly what that will be. So if you code in child theme it will overwrite the parent is that correct?

I’m not sure what I can get rid of. Any easy way of knowing this?