Hi,
How can I make the mobile menu button to be the three horizontal lines rather than the 9 box grid?
The three horizontal lines look better.
Cheers
smallcaps.com.au
You know what, I actually agree on this one.
I also would like to switch to “hamburger” menu icon, as that is more common now.
So how do we change it to the hamburger menu icon?
The current mobile menu makes the site look old and not modern.
basically have to over-ride the CSS …
style.css line 22052
.td-icon-mobile:before {
content: '\e80d';
}
to perhaps (based on current F.A. codes; which I don’t think are actually used)
.td-icon-mobile:before {
content: '\f0c9';
}
change the icon code to the one we want.
However, the above does not actually work, it looks like.
SO, wait for Monday and TagDiv back in the office 🙂
Hi
You can use font Font Awesome 4 Menus plugin to get the font for new icon, next you need to edit header-menu-h1.php and replace the classes for menu icon with this ones: http://screencast.com/t/MpyiIQtO – http://screencast.com/t/hGrvLYv7vQ
Hope this helps!
Thanks!
Without using plugin to load FA, one could also likely simply add this to footer.php at bottom:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
I have no idea how to do that.
Any chance of adding it to the next theme update please? 🙂
HI
Yes we intent to change this icon in future updates, I’ve added it on our list and developers will consider it for implementation.
Thanks!
