Add a sticky side menu to your SMF

in Tutorials on 01 May 2013

We?re going to implement a sticky menu with CSS, toggling its visibility with jQuery. It?s the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings of your forum.

Demo: Sticky Side Menu

First lets download the small ZIP below and upload the "Font" folder to your current theme.

In your theme's index.template.php find:
// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

echo '

Add after:
<script src=""></script>
<script src=""></script>

function template_body_above()
global $context, $settings, $options, $scripturl, $txt, $modSettings;

echo '

Add after:
[code]<div class="toolbar-wrapp">
   <div class="sticky-toolbar">

         <li class="glyph" id="support">
            <a href="#" data-icon="

PixelfyStudio Team
Mick is an American theme designer for Simple Machines Forum software currently living in South Florida, USA. He runs and started tinkering with SMF in 2006 where he created several SMF forums of his own before he founded PixelfyStudio in 2009 to which he is dedicated full time. |


Professional & Impressive. We provide top quality free SMF themes with awesome support.