How to replace hamburger icon in mobile view with the text "Menu"

Hello,

I'm on Squarespace 7.0 and would like to replace the hamburger icon in mobile view with the text "Menu".

I tried the code below but even though it hides the hamburger icon, no text appears. 

/*Swaps hamburger for the text MENU and adjusts gap above the word MENU*/

button.Mobile-bar-menu {

       visibility: hidden;

      margin-top: -5px !important;

}

button.Mobile-bar-menu:after {

    visibility: visible;

    content: ‘Menu’;

    font-family: ‘eb garamond’ !important;

    font-weight: 400 !important;

    font-style: italic;

    color: hsl(0, 0%, 10%);

    font-size: 18px;

   padding-left: 3px;

}

The password to view my site is: a

Any help appreciated.

Thank you,
Rhonda

1 hour ago, rhondahymason said:

Hello,

I'm on Squarespace 7.0 and would like to replace the hamburger icon in mobile view with the text "Menu".

I tried the code below but even though it hides the hamburger icon, no text appears. 

/*Swaps hamburger for the text MENU and adjusts gap above the word MENU*/

button.Mobile-bar-menu {

       visibility: hidden;

      margin-top: -5px !important;

}

button.Mobile-bar-menu:after {

    visibility: visible;

    content: ‘Menu’;

    font-family: ‘eb garamond’ !important;

    font-weight: 400 !important;

    font-style: italic;

    color: hsl(0, 0%, 10%);

    font-size: 18px;

   padding-left: 3px;

}

The password to view my site is: a

Any help appreciated.

Thank you,
Rhonda

We can help checking the code if you can share your site URL?

@Beyondspace

Thanks! URL is https://masonandco.squarespace.com/

Password: a

@Beyondspace All good, I figured it out. Needed to use double quotation marks for "Menu" rather than single quotation marks. 🙂

On 5/19/2023 at 1:57 AM, paul2009 said:

If it helps you for next time, the problem was caused by the use of "smart" single quotation marks - the angled type. 

If you use the basic vertical type, you can use single or double quotation marks  🙂.

These are OK:   "  '

These aren't OK:     “  ’ 

 

 

Thank you!!! That is sooo helpful to know.