shorter lines on burger

Site URL: https://cod-dandelion-38r5.squarespace.com/

I am trying to get shorter lines on my burger menu.

Weirdly, this code worked on a different site but not this one. What am I missing?

.burger-inner:after, .burger-inner:before {
    height: 2px !important;
  width: 25px !important;
}

Password NWFC

Use this

.burger-inner>div {
    width: 25px !important;
    height: 2px !important;
}

Perfect! Thanks, as always, for your help.

It actually now feels like it could use some tightening up (less space between lines) Is that easy/possible? 

On 10/8/2020 at 7:16 PM, cherylr said:

Perfect! Thanks, as always, for your help.

It actually now feels like it could use some tightening up (less space between lines) Is that easy/possible? 

Do you still need help on this?

On 10/10/2020 at 4:10 AM, tuanphan said:

Do you still need help on this?

I would like to tighten them up, yes

But I suppose I can live with it as is!