Responsive Menu in MyBB - tutorial from WallBB themes

header mybb

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
        <nav>
        <label for="drop" class="toggle"><i class="fa fa-bars" aria-hidden="true"></i> Menu</label>
        <input type="checkbox" id="drop" />
            <ul class="menu">
				<li><a href="{$mybb->settings['bburl']}/index.php" class="Home"><span><i class="fa fa-home" aria-hidden="true"></i> Home</span></a></li>
				<li><a href="{$mybb->settings['bburl']}/memberlist.php" class="Members"><span><i class="fa fa-user" aria-hidden="true"></i> Memberlist</span></a></li>
				<li><a href="{$mybb->settings['bburl']}/search.php" class="Search"><span><i class="fa fa-search" aria-hidden="true"></i> Search</span></a></li>
                <li><a href="{$mybb->settings['bburl']}/advertise.php"><span><i class="fa fa-globe" aria-hidden="true"></i> Advertise</span></a></li>	
                <li>
                    <!-- First Tier Drop Down -->
                    <label for="drop-1" class="toggle">Dropdown <i class="fa fa-sort-desc" aria-hidden="true"></i></label>
                    <a href="#">Dropdown</a>
                    <input type="checkbox" id="drop-1"/>
                    <ul>
                        <li><a href="#">Links</a></li>
                        <li><a href="#">Links</a></li>
                        <li><a href="#">Links</a></li>
                    </ul> 
                </li>
                <li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><span><i class="fa fa-question"></i> {$lang->toplinks_help}</span></a></li>
            </ul>
		</nav>