Hamburger Icon(mobile Version)

Hi Athemes,

I’ve tried all the options listed in the forum but to no avail.

I intend to change the
1)hamburger icon to either the word “Menu”
2) Both the icon and the word “Menu”
3) Change the color of the font of color of the hamburger icon.

How do I go about doing those as I test the above options?

I’ve installed the simple custom css plugin.

My site is: www.Exposeghaib.com

Hello,

I’m not sure what exactly you want to do, so can you please describe it?

Kind Regards, Roman.
aThemes Support

Hi Roman,

I’d like to change the hamburger icon(mobile mode) to the word “MENU”

Hello,

I’d like to change the hamburger icon(mobile mode) to the word “MENU”

You can try to add this CSS code in Customize → Additional CSS section:

button.off-canvas-trigger::after {
  content: 'MENU';
  color: black;
  font-size: 20px;
}

button.off-canvas-trigger span.icon-bar {
  display: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thanks Roman! That did the job.

One more question: how do I make it into a floating menu; meaning when the user scrolls down, the menu follows along

Hello,

I’ve just checked your website mobile view and saw that you have already done that. So I suppose that the issue is already resolved, is it correct?

Kind Regards, Roman.
aThemes Support

Ohhh yes, thank you Mr Roman.

Thank you for your time in taking to read my questions and answering them.

Good day to you!

-Nas

1 Like

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support