Re - Full Width Navbar in boxed Layout

Dear Sir/Madam
I am using a boxed layout but wanted a full width Nav bar. I saw the code below from one of your posts. I have tried it but unfortunately it doesn’t work. Please could you take a look at my site and suggest a possible working code?

.x-renew .masthead{
width: 100vw;
margin-left: calc((1000px - 100vw)/2);
}

.x-navbar-inner .x-container.max.width {
width: 100% !important;
max-width: 100% !important;
}

Hi @ASIDCam,

Thanks for reaching out.
The example code for the Renew stack and you are using the Integrity and also the structure of the elements have been changed a little, I would suggest you use the following code instead.

.x-integrity .x-masthead
{
    width: 100vw;
    margin-left: calc((1000px - 92vw)/2);
}

.x-navbar-inner .x-container.max.width 
{
    width: 100% !important;
    max-width: 100% !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

It worked perfectly.
Thanks very much for the support.

Hi @ASIDCam,

Glad that we are able to help you.

Thanks