Okay
  Public Ticket #3002294
Burger Menu Size
Closed

Comments

  • pongo started the conversation

    hello, 

    i tried to change the size of the burger menu

    the current standard size is 44x32px i want to scale this to 64x40px to make it look a little better

    can you post which css file i need to search/modify or even better the specific css code?

    thanks & greetings


  •  1,877
    Judith replied

    Hi Pongo,

    Thanks for keeping in touch.

    Please try this css:

    #top nav>ul .slide-out-widget-area-toggle {
        transform: scale(1.7);
    }

    Thanks.

  • pongo replied

    I had already tried this solution,

    but it also scales the menu text which I don't want,
    in addition, the lines become too large,

    I think the best solution will be to completely change the burger menu, I just need the source code for that.

    I found the following parts, I just need to find the rest of the CSS to change the burger and cross animation

    #header-outer .slide-out-widget-area-toggle .lines-button,
    #header-outer .slide-out-widget-area-toggle .lines,
    #header-outer .slide-out-widget-area-toggle .lines:before,
    #header-outer .slide-out-widget-area-toggle .lines:after {
      width: 60px;
    }

    #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after {
      top: -8px;
    }

    body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
      top: 8px;
    }
    #top .slide-out-widget-area-toggle a span {
        overflow: hidden;
        width: 64px;
    }
    .slide-out-widget-area-toggle a>span {
        transition: transform .33s .3s ease-in;
        transform-origin: center;
        display: block;
        height: 32px;
    }


  •  279
    Noah replied

    Hello,

    Please share your admin credentials so that we can have a look at the issue.

    Thanks.