Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
jaimee1570048593

MOBILE: Change Hamburger menu to word "MENU"

Question

Hello!

I'm using the Moksha template and have tried all of the CSS I can find with no change whatsoever. Has anyone changed the hamburger menu in this template.... on the left hand side to words or even just add the word MENU?

Help please!

Signed: Why can't my client just deal with the hamburger menu???

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

Change to word "Menu"

button.Mobile-bar-menu {
    visibility: hidden;
}
button.Mobile-bar-menu:after {
    visibility: visible;
    content: "Menu";
    font-family: proxima-nova;
    color: #000;
    font-size: 20px;
}

Add word "Menu" beside icon

button.Mobile-bar-menu:before {
    content: "Menu";
    font-size: 20px;
    color: #000;
    position: absolute;
    right: 50px;
    top: 25px;
}

All code from here: https://beaverhero.com/moksha-squarespace/#Add_word_Menu_beside_Hamburger_Icon

@jaimee1570048593


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31.

Share this post


Link to post
  • 0
24 minutes ago, tuanphan said:

Change to word "Menu"


button.Mobile-bar-menu {
    visibility: hidden;
}
button.Mobile-bar-menu:after {
    visibility: visible;
    content: "Menu";
    font-family: proxima-nova;
    color: #000;
    font-size: 20px;
}

Add word "Menu" beside icon


button.Mobile-bar-menu:before {
    content: "Menu";
    font-size: 20px;
    color: #000;
    position: absolute;
    right: 50px;
    top: 25px;
}

All code from here: https://beaverhero.com/moksha-squarespace/#Add_word_Menu_beside_Hamburger_Icon

@jaimee1570048593

You are the best!!! Thank you thank you thank you : )

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...