navigation Burger icon lines

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

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