XF 2.0 Move nav bar into container

Devilwillcry4you

Active member
I don't know much about coding but was wondering how to move the nav bar into the container or make it the same size as the container?
 
Add to extra.less

Code:
body .p-header,
body .p-navSticky,
body .p-sectionLinks
{
    .m-pageWidth();
    width: 100%;
    padding: 0;
}

If you want to remove left and right paddings aswell you'd do this instead:

Code:
body .p-header,
body .p-navSticky,
body .p-sectionLinks
{
    margin: 0 auto;
    max-width: (@xf-pageWidthMax - (@xf-pageEdgeSpacer * 2));
    width: 100%;
}

body .p-header
{
    background-clip: content-box;
}

body .p-nav-list:before
{
    width: 0;
}

body .p-nav-opposite
{
    margin-right: 0;
}
 
Last edited:
I was able to try both codes @CyberAP , the first one took the container off the forum and the other shortened the header and nav bar. I want to thank you for trying to help out. I was just looking to move or shorten the nav bar.
 
Top Bottom