Full Width page header on Blog page

[tcb007]

I would like to make the page header (logo, menu) full width on the blog page like it is on the other pages of this site.
Here’s the link to the home page: https://www.chriswardinsurance.com
Here’s the blog article list and a blog entry.
https://www.chriswardinsurance.com/blog/
https://www.chriswardinsurance.com/broker-vs-agent-the-difference-is-important2/
Notice on the individual blog entry page, the header wraps a bit and hides the title of the blog article. That’s why I’m trying to get it full width. I’m trying to fix the problem of my blog titles being hidden by the header.

[ruenel]

Hey @tcb007,

Thanks for writing in! On your homepage, you have added this custom CSS:

.x-navbar .x-container.max.width {
    width: 97%;
    max-width: 100%;
}

You will have to apply this custom CSS code site wide and not on just the homepage. Probably, it is best to add the code in the Global CSS.

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

[tcb007]

@ruenel

.x-navbar .x-container.max.width {
    width: 97%;
    max-width: 100%;
}

Thank you very much! Worked perfectly.

[Ismael]

Great! Glad to know that this has been resolved. Please don’t hesitate to open another thread if you have more questions.