Devilwillcry4you Active member Dec 9, 2017 #1 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?
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?
CyberAP Well-known member Dec 9, 2017 #2 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: Dec 9, 2017 Upvote 0 Downvote
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; }
Devilwillcry4you Active member Dec 10, 2017 #4 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. Upvote 0 Downvote
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.