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

Change menu to hamburger icon in Wells mobile

Question

Guest

Anyone have CSS code to change the word Menu to the hamburger icon on mobile navigation? Thanks!

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

@caro426 Add to Home > Design > Custom CSS

div#mobileMenuLink a:before {
    content: "";
    background-image: url(https://image.flaticon.com/icons/svg/1279/1279537.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 30px;
    height: 30px;
    display: inline-block;
    visibility: visible;
}
#mobileMenuLink a {
    visibility: hidden;
}

Replace https...svg to icon you want.

Reference: https://beaverhero.com/wells-squarespace/#Change_Menu_to_Hamburger_Icon


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Hi there! Thanks so much, but this bit of CSS doesn't seem to work, I've tried pasting it in and even updating the icon, but the menu button just disappears! 

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