Collapse Hamburger Menu

[Ozzy47]

Is there a way to make the sidebar navigation default to collapsed? When Forums (or any section you’re in) is expanded by default, there is little visibility:

 

[Ozzy47]

Anyone have an idea?

 

[gouwepeer.nl]

Template core_offcanvas.less?

 

[Ozzy47]

I don't think so, that shouldn't control if the tab is active.

 

[RobinHood]

It looks like the canvas menu is built in js in XF -> Core -> Structure.js

There's a click handler XF.OffCanvasClick
And menu builder XF.OffCanvasBuilder

I imagine finding where the initial is-active class in there is being applied and preventing it would solve it.

 

[MetalAZ]

I was just searching for this same thing and came up with a way that works but there may be a better way. Hopefully this topic isn't out-dated.

What I ended up doing is creating a template modification on PAGE_CONTAINER along with installing the following add-on:

Browser Detection

A light-weight shim around Mobile_detect for XenForo 2 Usage (in templates) The add-on injects the global variable $xf.mobileDetect, check that the variable is set before calling any methods to prevent errors during upgrades or if the add-on is...

xenforo.com

The "Find" part of the modification is:

<xf:macro name="nav_entry"
arg-navId="{$navSection}"
arg-nav="{$navEntry}"
arg-selected="{{ $navSection == $pageSection }}"
arg-shortcut="{$i}" />

And the "Replace" is:

<xf:if is="$xf.mobileDetect && $xf.mobileDetect.isMobile()">
<xf:macro name="nav_entry"
arg-navId="{$navSection}"
arg-nav="{$navEntry}"
arg-selected=""
arg-shortcut="{$i}" />
<xf:else />
<xf:macro name="nav_entry"
arg-navId="{$navSection}"
arg-nav="{$navEntry}"
arg-selected="{{ $navSection == $pageSection }}"
arg-shortcut="{$i}" />
</xf:if>

Of course if you start off in desktop size and shrink it it'll still be expanded. Or the opposite in the other direction but I wouldn't expect users to be doing that.

Basically, there's no active tab when using a mobile device, which keeps the menu collapsed.