Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 31, 2023 at 8:38 pm #1409188
    CharlieTh

    Just using your standard hamburger icon — any way of making bigger, please?
    I must not be finding the proper css for this.
    Thanks!

    June 1, 2023 at 1:33 am #1409224
    Nikko

    Hi CharlieTh,

    Please add the code in Enfold > General Styling > Quick CSS:

    .av-hamburger-box {
    width: 70px; /* default: 35px */
}

.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
    height: 8px; /* default: 3px */
}

.av-hamburger-inner::before {
    top: -16px; /* default: -10px */
}

.av-hamburger-inner::after {
    bottom: -16px; /* default: -10px */
}

    Just adjust the values as you see fit (I have included in the code the default values for your reference)
    I hope it helps.

    Best regards,
    Nikko

    June 1, 2023 at 5:30 pm #1409289
    CharlieTh

    Excellent! Thanks, Nikko. Find I have to put in !important; to make show, but works GREAT!

    June 1, 2023 at 8:20 pm #1409317
    Rikard

    Hi,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    June 6, 2023 at 10:01 pm #1409804
    CharlieTh

    Feel free to close this…and thanks again.

    June 7, 2023 at 10:40 am #1409847
    Nikko

    Hi CharlieTh,

    I’m glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Make hamburger icon bigger’ is closed to new replies.