Gridbox Canonical URLs Released

Continue Reading
Mon. - Fri. 9 am - 5 pm Support Policy
Remember me

Customize hamburger menu icon

4 days 18 hours ago #1

  • Vrata's Avatar
  • Vrata
  • Posts: 20
Hello,
I would like to ask, how to make some changes of hamburger menu icon.How to change color on hover and mouse cursor, as on other active items (menu, links). And how to change this icon/image to another.
Thank you :)

4 days 17 hours ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6094
Hello,

You can customize the color in the settings menu


There is no way to adjust the color of hover because there is no hover on mobile devices

The icon can only be changed using custom code.
.open-menu .zmdi-menu:before {
	content:'\f313';
}

content:'\f313'; replace with the icon you need.
You can learn the code of the icon using the developer tool.


Regards,
Vyacheslav, Balbooa.com

3 days 20 hours ago #3

  • Vrata's Avatar
  • Vrata
  • Posts: 20
Hello,
thanks for the solution. You are right, on mobile is not hover effect. But I have not a classic horizontal topmenu, only a hamburger menu icon and side vertical menu for all resolutions. So... because Gridbox is really cool tool, there is possible to do one thing by several ways, if I use my brain ;-)
I put to the header an overlay section with menu icon and menu module inside, now I can stylize everything as I need:-)
thanks
Vrata

3 days 20 hours ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6094
Hello,

Perfect solution! ;)
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum