Extend header length to match footer's

[soulbrew]

Hi there!
I’m trying to extend the topbar (that’s what I believe it’s called) in the first screenshot to 100% of the screen width to match the footer widths (second screenshot)
I think I have to tweak the x-header-landmark class but all my efforts haven’t had any positive result.
Thank you in advance for any help you can send this way

[nabeel]

Hi @soulbrew,

Thank you for reaching out to us. This would require custom CSS and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it.

You can add the following code in the Theme Options > CSS:

.x-header-landmark.x-container.max.width {
    width: 100%;
    max-width: 100%;
}
.x-header-landmark.x-container.max.width .h-landmark , 
.x-header-landmark.x-container.max.width .p-landmark-sub {
    max-width: 1200px;
    width: 88%;
    margin: 0 auto;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Thanks!

[soulbrew]

@nabeel
Thank you for your reply, your solution worked like a charm.
Really appreciated your help.
Have a lovely day!

[ruenel]

You’re welcome!
We’re glad @Nabeel was able to help you out.