Gridbox 2.7.2 and Personal Blog Theme Onefold

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

Customize hamburger menu icon

2 months 1 week ago #1

  • Vrata's Avatar
  • Vrata
  • Posts: 26
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 :)

2 months 1 week ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6584
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

2 months 1 week ago #3

  • Vrata's Avatar
  • Vrata
  • Posts: 26
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

2 months 1 week ago #4

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

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

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