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

MOBILE: Change Hamburger menu to word "MENU"


jaimee1570048593

Question

12 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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 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 : )

Link to comment
  • 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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 12/10/2019 at 11:51 AM, tuanphan said:
button.Mobile-bar-menu {
    visibility: hidden;
}
button.Mobile-bar-menu:after {
    visibility: visible;
    content: "Menu";
    font-family: proxima-nova;
    color: #000;
    font-size: 20px;
}

@tuanphanThis works great. I'm curious if this could be manipulated to have the index page "MENU" font color as white and then black for all other pages?

Edited by SouthernSunEvents
Link to comment
  • 0
2 hours ago, SouthernSunEvents said:

@tuanphanThis works great. I'm curious if this could be manipulated to have the index page "MENU" font color as white and then black for all other pages?

Can you share your site url?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 7/21/2021 at 6:47 AM, SouthernSunEvents said:

Gah, sorry! Also curious how to get my nav bar to stick at the top for mobile/tablet. I'm tried so many different variations of code but nothing seems to be working. 

http://www.southernsunevents.com

PW: sse2020

It looks like you solved menu icon to word menu + sticky mobile header?

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...