Jump to content

Wexley | CSS to change 'Menu' to another word on mobile

Recommended Posts

  • Replies 1
  • Views 656
  • Created
  • Last Reply
On 1/19/2021 at 12:12 PM, staggerleek said:

Site URL: http://www.charlesleek.com

I recently updated my website and this included accidentally losing a load of code. I used to have a piece of code that changed the word 'menu' to another word on my mobile site. If anyone can help provide one that would be a great help!!

Managed to work this out:

Quote

div#mobileMenuLink a:before {
    content: "YOUR ALTERNATE MENU TEXT HERE";
    background-image: url();
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 30px;
    height: 30px;
    display: inline-block;
    visibility: visible;
}
#mobileMenuLink a {
    visibility: hidden;
}

 

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.