XF 1.4 Stretched Navigation?

[Deceptive]

How do I make the navigation go across the full screen?

 

[EQnoble]

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.

 

[Deceptive]

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.

 

[Phil]

Little "up" on this request ....

It will be "cool" to get support

Thanks.

 

[Optic]

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

div#navigation {
    max-width: none;
}

Result:

 

[Phil]

Thank you @Optic , for your help

I have one more question. What we be the next step to have the nav menu "centered" at the same wrap size

 

[Optic]

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?

 

[Phil]

@Optic , the idea will be to have the nav "menu" in the red square area, align to the "wrap"