Jump to content

Replacing Hamburger menu with text in mobile version of Jasper

Recommended Posts

I have seen several responses related to replacing the Hamburger symbol with "Menu" text in some templates but have not seen one yet that works with the Jasper template. @Paul2009 seems to have figured it out for some people.

Would be great if anyone could provide a solution. Thank You.

Link to comment
  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

@Grice Add to Home > Design > Custom CSS

label.mobile-nav-toggle-label {
   visibility: hidden;
.mobile-nav-toggle-label:before {
   visibility: visible;
   content: "Menu";
   position: absolute;
   right: 50px;
   top: 19px;
   font-size: 20px;
   color: #ff0000;

REference: https://beaverhero.com/jasper-squarespace

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


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.