Jump to content

Burger icon lines

Recommended Posts

Site URL: https://www.thelostline.com/

Hi there,

 

Is there a way of just adding an extra line to the burger icon rather than switching the actual image? I have tried switching the image with this code but then you lose the close cross.

 

.burger-box div {

    display: none;

}

.burger-box {

    background-image: url(https://static1.squarespace.com/static/603d17badde1340721bf9aa6/t/603e0cfa2a57340f6d743b47/1614679290787/Burger-icon.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center center;

  width: 30px;

}

 

Any help would be great.

 

Cheers

Link to comment
On 3/23/2021 at 10:21 PM, TheLostLine said:

Site URL: https://www.thelostline.com/

Hi there,

 

Is there a way of just adding an extra line to the burger icon rather than switching the actual image? I have tried switching the image with this code but then you lose the close cross.

 

.burger-box div {

    display: none;

}

.burger-box {

    background-image: url(https://static1.squarespace.com/static/603d17badde1340721bf9aa6/t/603e0cfa2a57340f6d743b47/1614679290787/Burger-icon.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center center;

  width: 30px;

}

 

Any help would be great.

 

Cheers

Do you have reference of that you wanted? the image is a 2 lines hamburger menu

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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

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.