Uber Menu Mobile Toggle Button

Support
#1

See a screenshot of my UberMenu responsive mobile toggle button for my mobile web-site. It is not very impressive at all and I cannot find ways to jazz it up with customization with the UberMenu settings. Do you know of a way I can replace that boring toggle button with a graphic or some customization that would stand out more?

Thank you in advance.

#2

Hello @bluetroop2,

Thanks for writing in!

The icon is pre-defined in the UberMenu code. You may override it by using this example custom css:

.ubermenu-responsive-toggle .fas.fa-bars:before{
   content: "\f0c1";
}

Feel free to get the content value for any icon that you want to display from here: https://fontawesome.com/icons?d=gallery

Hope this helps.

#3

Can I somehow colorize the toggle button?

#4

Hey @bluetroop2,

Try adding the Color CSS property like this:

.ubermenu-responsive-toggle .fas.fa-bars:before{
content: "\f0c1";
color: red;
}

Hope that helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.