[Resolved] How can I make my header add on full width

[kyle]

I recently purchased the header add on and I’d like to make it extend to full width. How can I go about this?

Thanks in advance 🙂

[Tom]

Hi there,

This might help: https://generatepress.com/forums/topic/header-image-width/#post-44492

Let me know 🙂

[kyle]

I just added to code

.generate-page-header.grid-container {
max-width: 100%;
}

But it’s not changed my header for some reason. here’s the link. It actually makes no difference what I set it to either. I just put it on 10% and there was no change.

http://hacksunlimited.com/lifestyle-hacks/household/

If you can have a look and tell me why that would be great!

[Tom]

You have this CSS added to your child theme:

.page-id-74 .grid-container {
    max-width: 1350px;
}

It’s preventing the other code from working.

[kyle]

Okay thanks, so I have removed that code and now it works. The problem is I want certain pages to remain at 1350px width. I can’t just set the overall site width to 1350px as I don’t want every page that wide and if I specify which pages I want like that in the child theme then I loose the full width if the header.

How can I get around this Tom? Thanks for the super fast reply

[Tom]

Use this plugin: https://wordpress.org/plugins/simple-css/

It adds a CSS metabox to pages, so you can add CSS specific for that page.

[kyle]

Thanks again 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts