How to remove the section between header and post content area?

[itsbobross]

Hi I’m finding that I’m not really using the area with navigation that goes between the header and blog content. See screenshot here of what I mean: https://www.screencast.com/t/1RQ2LXS1H4

How can I remove that area? thanks.

[rad]

Hi @itsbobross,

Thanks for reaching out.

Please go to Theme Options > Header > MISCELLANEOUS and toggle off the breadcrumbs option. That should hide that area, though, it will be global. Are you just trying to hide it from that page?

Cheers!

[itsbobross]

I think Global is fine thanks. But just to have on-hand, would you know the code I’d need to hide it from all learndash pages?

[itsbobross]

I just turned off breadcrumbs and it got rid of them but there’s still the space. I’m trying to eliminate that section so I have more content above the fold. see page here: https://highresponsemarketing.com/topic/welcome-and-introduction/

[rad]

Hi @itsbobross,

I’m not sure what specific Learndash uses, and it has many parts but yes still doable through CSS.

And it appears you’re on renew stack where breadcrumb is part of a landmark, to completely hide, please add this CSS to Theme Options > CSS

.x-header-landmark {
display: none;
}

Or to hide it from learndash pages (assuming all related learddash pages).

    body[class*="sfwd-"] .x-header-landmark {
     display: none;   
    }

Thanks!