Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1
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


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

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
  • 0
36 minutes ago, DanFarmer said:

Hi @tuanphan and @jaimee1570048593 - did you add this code into the Custom CSS area? or did you add this into the Advanced Code Injection area?

Add to Home > Design > Custom CSS


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

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...