hamburger menu on desktop - how to make lines bigger?

Site URL: https://www.irene-pichler.com

Hello everybody,

I´ve asked the question already but can't find an answer or didn't get a reply (but maybe that's my fault and I can't find a reply?!). So I try it once more:

I am using the hamburger menu for a client on the desktop version, but the lines are very small (see picture). They are fat enough for me and I have found the css to make them fatter (thanks again for that!). Just I don't know how to make them larger = longer. 

Please help me: Is there any css I can use for that? I use template 7.1. You can see the page (long not ready yet!!!)  at www.irene-pichler.com and the password is Homepage2020.

AND: If there is any chance: I'd love to have just two lines instead of three, if there is any possibility?! 🙃

Best regards, hanna

Hi hana,

Add this to custom css

.burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun {
    height: 5px;
    width: 40px;
}
.burger--active .burger-inner .top-bun,
.burger--active .burger-inner .bottom-bun {
  width: 40px;
}
.burger--active .burger-box {
  right: 30px;
}

Thank you so much, @bangank36!!!

.burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun {
    height: 6px;
    width: 50px;
}

works out perfect for making the lines thicker and longer!!! 🙏😊

The rest doesn't make any difference on my page. Is there a possibility how to make the space in between the lines thicker as well? Thank you for your help!!!

hanna