Change mobile menu icon

Thanks for the great theme. Very easy to use and customize. This was going to be a question but I have just worked it out – might be helpful for someone else…

Note – you want to avoid changing core theme files where possible but in this case (unless I’m completely wrong) the mobile menu icon was hard coded in to the theme.

I wanted to replace the default mobile menu icon “hb-moon-menu-6” with icon “icon-reorder”. I think the default icon would work for most sites but it was a little to thick and bulky for the site I was making.

• Go to the editor and open up header-navigation.php
• On line 162 you will see <a href="#" id="show-nav-menu"><i class="hb-moon-menu-6"></i></a>
• Then you can simply change the icon to any of the icons at <a href="#" id="show-nav-menu"><i class="icon-reorder"></i></a>

Hope this helps someone else out!