I everyone ! I have the same trouble. CSS editor looks fine but on the real site, its not working.
I was so proud to find the afiliate code myself ðŸ˜.
It was supposed to work like that (img). Basically a responsive burger menu (bigger). https://gecko-glockenspiel-xfjj.squarespace.com/
pass:hello123
A good soul to help me ?
/* Hide header button */
.header-nav-list {
display: none;
}
/* show burger */
.header-burger {
display: flex!important;}
/* Show overlay mobile menu */
.header--menu-open .header-menu {
opacity: 1!important;
visibility: visible!important;}
/* Space between top-bottom buns */
.burger-inner.header-menu-icon-doubleLineHamburger .top-bun {
transform: translatey(-0.8vw)!important;}
.burger-inner.header-menu-icon-doubleLineHamburger .bottom-bun {
transform: translatey(0.8vw)!important;}
/* Line Inactive burger */
.burger-box {
width: 5vw!important;
}
/* Burger active rotation top */
.burger--active .burger-inner .top-bun {
transform: translatex(3.5px) rotate(224deg)!important;
width: 5vw!important;
}
/* Burger active rotation bottom */
.burger--active .burger-inner .bottom-bun {
transform: translatex(3.5px) rotate(135deg)!important;
width:5vw!important;
}
