Blog Title hidden by global content

[Hollybishop]

Our blog titles are now hidden by the mega nav and i was wondeirng if anyone knew how to pull this donw. I have a feeling it may have something to do with the code in design manager but I'm not sure.

[Hollybishop]

Thank you SO MUCH!!!! @albertsg 

[TomM2]

Hey @Hollybishop this would be due to your theme/template and the styling applied there! If you can send me a link to a page you're seeing this on I can see if there's an easy bit of css to add that can help! 

[Hollybishop]

Hey @TomM2 thanks for your help! Here is a link to one of our blogs Legal Firm Partnership: A Case Study of Seamless Legal Logistics Any help is greatly appreciated! 🙂

[albertsg · Accepted solution]

Hi @Hollybishop, I don't know how familiar you are with HTML and CSS, but if you have no experience with that, try adding the following code to your Blog post header HTML (Settings > Content > Blog > Templates):

@media screen and (min-width: 1200px) {
    .hs-blog-post {
        margin-top: 142px!important;
    }
}

Basically your Blog content has a margin added to the top but it's not enough. Seems like the space the "Become a Courier" button is taking needs to be added to the mentioned margin. The code above does that for screens from 1200px (as I've noticed that your page changes the navigation at that screen size). 

Hope this helps!