Thanks that's what I was trying to sayActually, since this is for XenForo 2 it would be best to just disable the selection(s) in the navigation setup.
View attachment 161421
.p-nav-list .p-navEl.is-selected
{
.p-navEl-splitTrigger
{
display: inline;
position: relative;
}
.p-navEl-link.p-navEl-link--splitMenu
{
padding-right: 5px;
}
&
{
&:hover,
.p-navEl-link:hover,
.p-navEl-splitTrigger:hover
{
.xf-publicNavTabHover();
color: @xf-publicNavTab--color;
}
}
}
.p-sectionLinks
{
display: none;
}
I know this post is old but I just found it by searching. @Russ, is this code still accurate? It seems to work but it is missing the vertical break you get between the text and the dropdown icon. It does appear when the nav goes into sticky form but it isn't there otherwise.This in extra.less:
Code:.p-nav-list .p-navEl.is-selected { .p-navEl-splitTrigger { display: inline; position: relative; } .p-navEl-link.p-navEl-link--splitMenu { padding-right: 5px; } & { &:hover, .p-navEl-link:hover, .p-navEl-splitTrigger:hover { .xf-publicNavTabHover(); color: @xf-publicNavTab--color; } } } .p-sectionLinks { display: none; }
Will hide the sub-nav but show the popup for forums still. Not sure if you want that.
View attachment 161422
Amazing. Exactly what I was looking for.This in extra.less:
Code:.p-nav-list .p-navEl.is-selected { .p-navEl-splitTrigger { display: inline; position: relative; } .p-navEl-link.p-navEl-link--splitMenu { padding-right: 5px; } & { &:hover, .p-navEl-link:hover, .p-navEl-splitTrigger:hover { .xf-publicNavTabHover(); color: @xf-publicNavTab--color; } } } .p-sectionLinks { display: none; }
Will hide the sub-nav but show the popup for forums still. Not sure if you want that.
View attachment 161422
Did you ever get this fixed?I know this post is old but I just found it by searching. @Russ, is this code still accurate? It seems to work but it is missing the vertical break you get between the text and the dropdown icon. It does appear when the nav goes into sticky form but it isn't there otherwise.
The line after 'FORUM'
View attachment 243935
I managed to fix it with this:Did you ever get this fixed?
.p-navSticky--primary.is-sticky .p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger::before
{
content: '';
position: absolute;
left: 0;
top: 5px;
bottom: 5px;
width: 0;
border-left: 1px solid @xf-paletteAccent2;
}
.p-navSticky.p-navSticky--primary
{
border-bottom: 5px solid @xf-paletteAccent2;
}
.p-nav-list .p-navEl.is-selected
{
.p-navEl-splitTrigger
{
display: inline;
position: relative;
&:before
{
content: '';
position: absolute;
left: 0;
top: 5px;
bottom: 5px;
width: 0;
border-left: 1px solid @xf-paletteAccent2;
}
}
.p-nav-list .p-navEl.is-selected
{
.p-navEl-splitTrigger
{
display: inline;
position: relative;
&:before
{
content: '';
position: absolute;
left: 0;
top: 5px;
bottom: 5px;
width: 0;
border-left: 1px solid @xf-paletteAccent2;
}
}
We use essential cookies to make this site work, and optional cookies to enhance your experience.