Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 5, 2019 at 6:27 pm #1124808
    Veronika

    Hi,
    I would like to change the size of the bars and the distance of them in the burger menu. With which CSS code is it possible ?

    August 5, 2019 at 9:08 pm #1124896
    Victoria

    Hey Veloryana,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    August 6, 2019 at 1:35 am #1124927
    Veronika

    Hi Victoria,

    I would like to change the width and the size of the lines in the burger menu.
    I ´d like to customize the burger.
    Thx for the fast reply.

    Best,
    V

    August 6, 2019 at 11:01 am #1125052
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-hamburger-box {
    width: 50px;
}

    Best regards,
    Rikard

    August 14, 2019 at 5:52 pm #1127675
    Veronika

    Hi Rikard,
    thx for your code. It only changed the width but what i would like to do is, to make the indivual liens a bit thicker noch wider. thx.

    best regards,
    V

    PS: i found this code online :

    .av-burger-menu-main
    {padding-left: -5px !important;
    padding-right: 0px !important;
    background: linear-gradient(to top,}

    .av-hamburger-inner::before
    {top: 0px!important;}

    .av-hamburger-inner
    {height:500px!important;}

    .av-hamburger-box
    {width: 50px!important;}

    would it crash my site or should i use it ?

    August 14, 2019 at 6:08 pm #1127684
    Jordan Shannon

    Hi,

    CSS should not crash the site. If it doesn’t work out simply remove it.

    Best regards,
    Jordan Shannon

    August 14, 2019 at 6:17 pm #1127689
    Veronika

    Hi,
    its not working but it descirbes, something what i would like to do, could somebody tell me, why this code isn´t working please ?

    Best,
    V

    August 14, 2019 at 6:42 pm #1127696
    Veronika

    Hi,

    i already solved it:

    .av-hamburger-inner,
    .av-hamburger-inner::before,
    .av-hamburger-inner::after {
    width:35px;
    height:3.5px;
    border-radius:3px;
    }

    thx for your help

    sincerly,
    V

    August 15, 2019 at 6:16 am #1127814
    Rikard

    Hi V,

    Great, I’m glad that you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 30, 2019 at 2:25 pm #1132309
    Veronika

    Hi Rikard,
    yes, yes you can close it. Thank you.

    Best,
    V

    August 30, 2019 at 4:08 pm #1132337
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘optimize the burger menu’ is closed to new replies.