Change hamburger icon for menu on mobile nav // right-size heading text

Support
#1

Hello, is it possible to change the hamburger nav icon that appears in the mobile view?

I’d like to change that icon to an image - tho if an image isn’t possible, another icon.

Also, is there code I can use to “right-size” headline text that is too big to be displayed on mobile?

Thank you!

#2

#3

Hi There,

We can use this custom CSS to change hamburger icon:

  .x-btn-navbar i.x-icon-bars:before {
    content: "\f2bb";
  }

This \f2bb is the code for this icon: http://fontawesome.io/icon/address-card/. For other icon option see this:
http://fontawesome.io/icons/

For custom headline responsive issues, please use responsive text. See this for guidance:
https://screencast-o-matic.com/watch/cbiqXslO3N
http://demo.theme.co/integrity-1/shortcodes/responsive-text/

Hope this helps.

1 Like