XF 2.0 Hide a navtab while maintaining sub navigation?

[dehness]

Hi,

Since our navigation bar tends to get somewhat cluttered, I would like to remove some navtabs from the primary navigation bar.

However, I would like if the subnavigation menus would remain, if a member were to navigate to the page from another link, for example a forum link.

If I disable the navtab in public navigation that disables all subnav links as well. Is there some way to hide a primary navtab while maintaining sublinks?

Cheers.

 

[benFF]

Bumping this up...

 

[Paul B]

Rather than disabling the nav, add this to the extra.less template.

This is for the Members tab and the arrow to the right of it - use the browser inspector to determine the id and key for the tab you want to hide.

[data-nav-id="members"],
[data-xf-key="7"]
{
    display: none;
}

 

[benFF]

Ah, bit of an issue with this and the mobile menu ...

 

[Old Nick]

Use media queries maybe.

 

[mjda]

I do this on a few sites where I want to clear some space on the nav bar. What I do is add a display condition that will show the tab if it's the active section, but not show the tab if it's not.

For example, this is the display condition for the Media nav item: $xf.visitor.canViewMedia() AND $xf.reply.section == 'xfmg'. So, if "xfmg" is the current section, the Media tab (and sub-nav) will show up. If someone is browsing another part of the site, the forums for example, the Media tab isn't displayed.

 

[Russ]

I think this would work for both desktops and mobile:

[data-nav-id="forums"], [data-nav-id="forums"] + [data-xf-click="toggle"] {
    display: none;
}

(replace both"forums" with the nav-id)

 

[benFF]

I do this on a few sites where I want to clear some space on the nav bar. What I do is add a display condition that will show the tab if it's the active section, but not show the tab if it's not.

For example, this is the display condition for the Media nav item: $xf.visitor.canViewMedia() AND $xf.reply.section == 'xfmg'. So, if "xfmg" is the current section, the Media tab (and sub-nav) will show up. If someone is browsing another part of the site, the forums for example, the Media tab isn't displayed.

This is a great method as it can then work with usergroup conditionals, whereas the css method can't

 

[Old Nick]

I think this would work for both desktops and mobile:

[data-nav-id="forums"], [data-nav-id="forums"] + [data-xf-click="toggle"] {
    display: none;
}

(replace both"forums" with the nav-id)

But...

 

[Russ]

But...

View attachment 270405

[data-nav-id="snogGroups"], [data-nav-id="snogGroups"]+ .p-navEl-splitTrigger {
    display: none;
}

 

[Old Nick]

Perfect ! Thank you very much.