Site title margin in blog posts

When originally building my website, you gave me a css code to hide the white header bar at the top of the site so the header image reaches the top of the screen with the site title overlaid. please see this url to see what the correct outcome was:

this is the css code you gave me to achieve this:

#colophon .site-info {
width: 100%;
margin: -20px;

and i think this also was part of it as well but not sure:

.mb-xs-24 {
margin-bottom: 0px;

However - in the blog posts, this code hasnt applied to the page and the white bar gets shown above the image with the site title. See this url:

please can you help me with the css to hide that white bar but still display the site title over the header image in the same way the homepage does.


Hello Sam

Please fix the link to the blog post, i can’t see it anymore

sorry please see the post here:

Good evening

Try this code too:

.single header#masthead {
position: absolute;
top: 0px;
left: 0px;
z-index: 9999;
width: 100%;

great that worked thank you!

thank you :slight_smile:

I will close this case now, Feel free to contact us again if you have other questions