Navbar on top of Post Content

[PaulMacklin]

Hello,

I’m having an issue with the container of my post content - it is beginning at the top of the page underneath the navbar. I found someone else having a similar issue, but I couldn’t rejig the CSS code you provided them to make it work for me.

This is my site in progress - http://paulmacklin.co.uk/blog/

I want to ensure that my blogs, portfolio items, and custom post content are viewable below the navbar.

Thank you in advance.
Paul

[friech]

Hi Paul,

Thank you for writing in, please find this CSS block on your Theme Options > CSS and remove it.

.masthead {
    position: absolute;
    width: 100%;
}

That is the code that is causing the issue.

Hope it helps,
Cheers!

[PaulMacklin]

Ah you’re a star. If I could pester you again, I’m having another issue which is slightly related to that -

I made the topbar transparent so I could see my background image through it, but when I reduce the size of the screen, it turns a navy blue, which I haven’t got set anywhere? Is there something I can do to change that?

Also, I have my header type set to Cabin, but it’s being overridden by Inherit’s automatic setting somewhere, and I can’t find that either.

[friech]

Hi Paul,

That navy blue background-color on your topbar is coming from this custom CSS:

@media (max-width: 979px) {
	.masthead {
	    position: relative;
	    width: auto;
	    background-color: #001937;
	}
}

You can remove the background-color: #001937; line or change the color value to transparent.

I’ve checked your header and it’s in “Cabin” font

Would you mind to clarify which header you’re referring to?

Thanks,