Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1409188

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


    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,


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



    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,


    Feel free to close this…and thanks again.


    Hi CharlieTh,

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

    Best regards,

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