XF 2.2 Split Navigation row

[C4X4P]

Hi all,

Someone can help me to split the Navigation row?

The idea is on the middle put a diferent background color






BR,

DAA

 

[Nicolas FR]

Try this in your extra.less template

.p-nav-opposite, .p-nav-list {
    background: red;
}

 

[Nicolas FR]

Oups, you said change the color in the middle...

 

[C4X4P]

Yes, I tried this, and on the middle I continue blue

 

[TPerry]

I don't think there is a "middle" per-se.

.p-nav-opposite {
background: green;
}

.p-nav-inner {
 background: red;
}

.p-nav {
background: purple;

Results in this


I didn't find any specific CSS designators for the area between the Members and the "user data", and I don't think there is any as you can see that the red extends past the green. Template edits could probably address that.

EDIT: Only "near" solution may be to use .p-nav-scroller

 .p-nav-scroller {
 background: yellow;
}

Would probably need some tweaking since the .p-nav-inner still extends past the green.

EDIT #2:

Change the margin-right:10px in the .p-nav-opposite segment to margin-right:0px; and you get this.




This is all based upon a default XF style.

 

[C4X4P]

@Tracy Perry thanks a lot! it works