• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Stretched Navigation?

EQnoble

Well-known member
#2
How do I make the navigation go across the full screen?
That is too broad of a question to answer correctly without guessing.

Do you want to stretch that element so that the nav tabs stretch the full length or do you want to stretch the container to full width while leaving the width of the actual tabs wrapping elements the same?

Are you using/modifying the default style, or a custom one?


These are things that will help provide you a real answer that is actually relevant to your needs instead of a shot in the dark that may or may not actually be what you need.
 
#3
Do you want to stretch that element so that the nav tabs stretch the full length or do you want to stretch the container to full width while leaving the width of the actual tabs wrapping elements the same?
I want to stretch the container to full width while leaving the width of the actual tabs wrapping elements the same.

Are you using/modifying the default style, or a custom one?
I want to modify the default style, so I'm using the default style.
 

Optic

Well-known member
#5
Hi @Phil , assuming you have set a fixed width using max-width for the default style...

Then you should be able to undo max-width for the navigation by adding this to EXTRA.CSS
Code:
div#navigation {
    max-width: none;
}
Result:
stretch-navigation.png
 

Optic

Well-known member
#7
This is not something you can do easily, because max-width for div#navigation was providing the centre alignment...

It might be easier to undo the change and customise the header instead?

What is the end result you are trying to achieve?