Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 11, 2022 at 10:31 am #1344109
    sitesme

    Hello,

    Is there a way to make the burger icon lines a bit thinner and to change the icon’s size (smaller)?

    Thank you

    March 11, 2022 at 12:37 pm #1344129
    Rikard

    Hey sitesme,

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

    .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
    height: 1px;
}

    Best regards,
    Rikard

    March 11, 2022 at 1:08 pm #1344133
    sitesme

    Thank you @Rikard

    The lines are thinner, perfect. Is there a way to change the icon’s size as well?

    Thank you

    March 11, 2022 at 7:23 pm #1344160
    Rikard

    Hi,

    Thanks for the update. The burger menu is actually not an icon, so I’m not sure I understand what you mean. Do you want less width and height? If you could explain your intentions a bit further, then it will be easier for us to give you some CSS to use.

    Best regards,
    Rikard

    March 11, 2022 at 8:25 pm #1344166
    sitesme

    Hi @Rikard,

    Sorry. I thought it was an icon.

    Yes, I would like to reduce the width/height of the burger menu by 20% or so.

    March 12, 2022 at 12:39 pm #1344201
    Rikard

    Hi,

    Please try this CSS as well:

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

.av-hamburger-inner::before, .av-hamburger-inner::after {
    top: -6px;
}

    Best regards,
    Rikard

    March 15, 2022 at 10:02 am #1344498
    sitesme

    Hi @Rikard.

    The last bit of the code, to decrease the spacing between the links did not work. One line disappears and there will be only 2 lines in the burger icon.

    March 15, 2022 at 12:02 pm #1344535
    Rikard

    Hi,

    Please try this CSS instead:

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

.av-hamburger-inner::before {
    top: -6px;
}

.av-hamburger-inner::after {
    top: 6px;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.