XF 2.2 Hide public navigation on desktop

[Cyanide BuriaL]

Hello i was wondering if it would be possible to hide some public navigation links from the desktop view and keep them on mobile view?
The reason for this is because the theme has limited space so i have a megamenu to show on desktop view but need the links from public navigation for mobile.

 

[Russ]

This is a fairly easy edit to achieve that:

XF 2.0 Thread 'Public navigation one link, show at mobile only'

Dec 30, 2018

Hi ist it possinle to add one link and to show at mobile only?
Maybe i can use "Display condition" for that?

• kelle67
• Replies: 3
• Forum: Styling and customization questions

 

[Cyanide BuriaL]

Thanks for the reply! but this isnt in my page container, i will have to reach out to theme creator

&lt;xf:foreach loop="$navTree" key="$navSection" value="$navEntry" i="$i" if="{{ $navSection != $xf.app.defaultNavigationId }}"&gt;<br> &lt;li&gt;
Change the <li> to this:

Code:
&lt;li class="nav{$navSection}"&gt;
This will give the parent level of the navigation items a class so you can hide them using css:

Your css in extra.less:

Code:
.p-nav-list li.navmembers { display: none; }
This will hide the link in the main navigation but not in the off-canvas menu.

 

[Russ]

Oh, yes I just saw the "megamenu " part. If it's a custom navigation then you'll need to reach out to the author.

 

[TBB-AU]

Is it possible to hide the Public Navigation bar entirely? We might want to bring it back later with a decent set of menus / options but right now, we'd like to have it not showing at all.

 

[Old Nick]

Something like this maybe…

.p-navBar
{
   display: none;
}

 

[TBB-AU]

Something like this maybe…

.p-navBar
{
   display: none;
}

Thanks, and - newbie question here - where would that code be entered?

 

[Paul B]

The extra.less template.