Jump to content

Pims

Member
  • Posts

    9
  • Joined

  • Last visited

Posts posted by Pims

  1. 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;
    }

     

    Capture d’écran 2021-03-22 à 09.44.01.png

    Capture d’écran 2021-03-22 à 09.43.38.png

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