Create a fullwidth header

Hey,

is it possible, to stretch the header over the full width but limit every other page to a certain width, like I did in the screenshot by manipulating the DOM? See attachement.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Yes it is possible, you need to create and assign each page a unique header. Please read and follow this instruction to set different headers for different pages: https://xtemos.com/docs/woodmart/header-builder/set-different-header-specific-page/

Best Regards.

Hey,
I think, that wasn’t clear enough. I want to look everyone of my pages to look like the attached one. For the screenshot I edited the DOM in the developer tools. If I assign a different header to every site, my header is limited by the website wrapper as well, isn’t it?

Thanks

Hello,

If you want your header as full width on every page. Go to >> Dashboard >> Woodmart >> Header Builder >> Edit the Header >> Click Settings icon on the top left >> Check Header Full-width.
See Screenshot for clarification: https://www.screencast.com/t/LgipKyjIJ

Best Regards.

Hey,
I’ve tried that, it applies a fullwidth class to the header, but unfortunately the header isn’t fullwidth, because it is limited by the page wrapper above it. Any other solutions? Maybe that is a bug in your theme? Or did I do something wrong?

Thanks

Hello,

Yes, your header did not shown to full width because you did not check that specific option for you header. When I checked the full width option from your header settings it shown to full width.

Screenshot for clarification: https://jmp.sh/MTdk15f

Result: https://jmp.sh/undH4nM

You can change the width of page from theme settings >> General Layout >> Site width. There is an option of “Boxed” but if you choose it it also affect the header. So there is no way to display the full width header with limited width of page. You can edit those rows with Wp-Bakery and set width to default if you don’t want the full width for your page content.

Best Regards.

Hey,

“You can edit those rows with Wp-Bakery and set width to default if you don’t want the full width for your page content.”
And where can I do that? Do you mean here?

Attachments:

You must be logged in to view attached files.

Hello,

Yes from the “Row stretch” option inside the row settings, you can select the “Default” for row and save the changes. By doing this that specific row will not shown as full width.

Best Regards.

[Author]

Posts