Post titles and images spacing from header

thinkHRX · May 2019

Hi,

I am having a problem with the Titles and / or Featured Images from a Blog Post overlaying my header - there is no spacing between the Header Bar (Transparent) and the Title / Image of a Post. I have no problems on Pages, only Posts.

Any ideas?

Thanks.

Pablo · May 2019

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

thinkHRX · May 2019

Sure. Here you go:

https://thinkhrx.com/new/how-to-make-your-organisation-an-advocate-of-diversity/

The issue somehow has resolved itself but I am now left with a bar under the menu which isn't there on any other pages. Also, when I resize my browser it leaves a significant space between the header and the title of the blog post.

Pablo · May 2019

Please edit that post/page and turn on the "Subheader | Hide" option.

http://prntscr.com/nmcvvu

Thanks

thinkHRX · May 2019

Thank you, however when I do that, the Blog title overlays the menu: https://thinkhrx.com/new/how-to-make-your-organisation-an-advocate-of-diversity/

Pablo · May 2019

The problem is with the "Transparent" header.

This type of header does not have any height, which is okay on pages with content provided in muffin builder, but in single posts it can be problematic without applying the padding on top on first element.

But, we are able to customize it with CSS, so please paste that code into the Theme Options > Custom CSS & JS > CSS

body.single-post #Header{
	min-height:100px !important;
}

Thanks

thinkHRX · May 2019

Yes, I had a feeling it had to do with the transparent header.

Thanks a million - that worked perfectly!

Post titles and images spacing from header

Comments