[Motacore] Mobile Sidebar 1.0.2

[MetalAZ]

MetalAZ submitted a new resource:

[Motacore] Mobile Sidebar - Turns the sidebar into an off-canvas menu for mobile devices.

Re-listed for free. Too many paid add-ons on here!

This is tested with the default theme. It may not work properly with paid for third-party themes.

This add-on turns the sidebar into an off-canvas menu for small screens, primarily mobile phones. It provides users with quick access to the sidebar content rather than needing to scroll way down the page to get to it.

View attachment 217958


See It/Try It
You can try it out on a live site...

Read more about this resource...

 

[tonmo]

This is a great idea. Is this still being worked / when it will exit beta?

 

[MetalAZ]

It was set to beta since I wasn't sure what problems people may have with it with some of the free and premium themes. I haven't had any problems with it, but I use the default.

The add-on was created to do what I needed it to do and is working well. I don't have any additional features planned at this time so nothing is currently being worked on with it.

 

[ge66]

Have been looking for something like this. Did some testing. Is it correct that it is not possible to scroll the Sidebar?

 

[Degrinch]

Low pulsating glow option?

 

[gogo]

This add-on works beautifully even on XF2.2. If I have to think of a new feature, can the handle be optionally placed on the right of navigation bar, maybe next to Search button? And use a narrow icon like the vertical "..." FA icon.

 

[Oblivion Knight]

This is fine work, @MetalAZ - thank you.

Have been looking for something like this. Did some testing. Is it correct that it is not possible to scroll the Sidebar?

No - scrolling should work fine (demo).

 

[dutchbb]

Any fix for the font awesome arrows on XF 2.3?

For the moment i made template changes in: motacore_sidebar.less

.xf-motacoreSidebarHandle(); to .m-faIcon(@fa-var-chevron-square-left);

.xf-motacoreSidebarHandleActive(); to .m-faIcon(@fa-var-chevron-square-right);

 

[dutchbb]

An option to swipe would be even better.

 

[ge66]

Looking at this again to maybe combine it with:

[MC] Infinite Scroll

Sep 24, 2025

To infinity... and beyond!

• Matt C.
• Add-ons [2.x]

@MetalAZ could you please help fix the fa arrows or maybe implement @gogo suggestion above?

 

[ge66]

@dutchbb I found a way to fix the arrows in XF 2.3
If you change:
<i class="{{ property('motacoreSidebarHandleIcon') }}" id="motacoreSidebarExpand"></i>
<i class="{{ property('motacoreSidebarHandleIconActive') }}" id="motacoreSidebarCollapse"></i>
in template_modifications.xml to
<xf:fa icon="{{ property('motacoreSidebarHandleIcon') }}" id="motacoreSidebarExpand" />
<xf:fa icon="{{ property('motacoreSidebarHandleIconActive') }}" id="motacoreSidebarCollapse" />
Then it should work.

 

[MetalAZ]

MetalAZ updated [Motacore] Mobile Sidebar with a new update entry:

Version 1.0.1

This update applies the changes by @ge66 which fixes it when using XenForo 2.3, though I'm still still on 2.2 so I haven't tested it myself (on 2.3).

Read the rest of this update entry...

 

[MetalAZ]

I'm glad a workaround was found for 2.3! I disappeared for quite a while since I hadn't been using the forum software (and currently have version 2.2). I've updated it with the changes.

As for the suggestions for button placement and swiping, I'm not sure when or if that will happen. Great ideas though.

 

[MetalAZ]

This addon is now being maintained by @fords8!

 

[fords8]

can the handle be optionally placed on the right of navigation bar, maybe next to Search button?

You do know that the can be moved? Under the [Motacore] Mobile Sidebar Style properties just look for Sidebar Handle Position. Default is 50% which centers it. 10% will bring it up closer to the top. Just find the right % for your liking.

I took this over just to keep it updated to work. I think it is a very useful addon.

Thanks to @MetalAZ for letting me take it over.

 

[fords8]

fords8 updated [Motacore] Mobile Sidebar with a new update entry:

Added option to swipe

@dutchbb , suggested an option to swipe. My test setup, I changed the 30px to 70px and I think it worked better. But I want others to tell me what they think.
View attachment 334153

And just in case you didn't know, this does install and work on 2.3.9.

Read the rest of this update entry...