Hamburger Icon bigger

Hey smoke_house,
. A
Please provide a link to the page in question so we can inspect and look into this further. Otherwise you can add this to quick css to see if works for you:

Please add following code to Quick CSS in Enfold theme options under General Styling tab

#advanced_menu_toggle, #advanced_menu_hide { font-size: 40px; }

Best regards,
Jordan Shannon

Hi,

Add the following to quick css. You already have some !important; declarations in there looks like so the below may not work. If you already have some custom css for the menu, please remove it.

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

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

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

Best regards,
Jordan Shannon

Hi,

Add this to quick css as well:

.av-hamburger-inner::before, .av-hamburger-inner::after {
height:10px!important;
}

.av-hamburger-inner::after{
top:20px!important;
}

Best regards,
Jordan Shannon

Hi BC,

Try adding this css code:

.is-active .av-hamburger-inner::after {
    top: 0 !important;
}

Hope this helps :)

Best regards,
Nikko

Hi BC,

Can you try replace this css code:

.av-hamburger-inner::after{
top:20px!important;
}

to this one:

.av-hamburger-inner::after{
    bottom: -20px !important;
}

Hope this helps :)

Best regards,
Nikko

Hi,

Can you give us temporary admin access? so we can try to change some css code.

Best regards,
Nikko

Hi,

I’m not seeing an animation issue on the burger menu. Can you elaborate a bit?

Best regards,
Jordan Shannon

Hi Carlo,

Thanks for giving us admin access.
I have replaced this code in your Quick CSS:

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

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

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

.av-hamburger-inner::before,.av-hamburger-inner::after {
    height: 5px!important
}

.av-hamburger-inner::after {
    top: 10px!important
}

.is-active .av-hamburger-inner::after {
    top: 0!important
}

to:

.av-hamburger-inner,
.av-hamburger-inner:before, 
.av-hamburger-inner:after {
  height:5px!important;
}

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

Best regards,
Nikko

Hi opiz,

We’re glad that we could help :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko