Hello,
Add the below CSS code to the Customize > Custom CSS section to increase the size. Adjust the parameters as per your need. Also, there is no option to add Menu text alongside the icon.
#site-header.full_screen-header .menu-bar .ham, #site-header.full_screen-header .menu-bar .ham:before, #site-header.full_screen-header .menu-bar .ham:after {
width: 40px;
height: 3px;
}
#site-header.full_screen-header .menu-bar .ham:after {
top: 15px;
}
#site-header.full_screen-header .menu-bar .ham:before {
top: -15px;
}
Nice! Only thing is the close-menu cross, it deforms a little.
Use the below CSS code to fix the close menu cross –
#site-header.full_screen-header .menu-bar.exit .ham:after {
transform: translateY(-15px) rotateZ(45deg) !important;
}
#site-header.full_screen-header .menu-bar.exit .ham:before {
transform: translateY(15px) rotateZ(-45deg) !important;
}
Your the best, many thanks!!!!
