XF 2.0 I want to delete this part of the navigation

It is wise to not make permanant edits to templates if it is even by hitting the trash can button.
There is no way to get that back, if anything use the activating button.

I always use css to hide what I need to be hidden.

This will hide the sub navigation:
Code:
.p-sectionLinks
{display: none;}
1510099688226.webp
 
  • Like
Reactions: DL6
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.

Screenshot_1.webp
 
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
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'
1610399560893.webp
 
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.
 
Did you ever get this fixed?
I managed to fix it with this:


CSS:
.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;
        }
    }
 
Should be this part specifically:


CSS:
.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;
        }
    }
 
Top Bottom