enfold mobile menu on left

A lot of websites put the mobile menu toggle on the left. It is more convenient for the thumb. Enfold’s mobile menu is on the right, as it has been always.

This is the code I used to do this for Enfold (One is for most mobiles, the other is for large ones or when they are in landscape mode). You might need to play around with the boundaries or make an other interval.

@media all and (max-width:479px){
span.logo {
margin-left: 15% !important;
z-index: 99999999999999999999 !important;
}

.av-burger-menu-main {
margin-left: -400px !important;
position: absolute !important;
}
}

@media all and (min-width:480px) and (max-width:767px){
span.logo {
margin-left: 15% !important;
z-index: 99999999999999999999 !important;
}

.av-burger-menu-main {
margin-left: -400px !important;
position: absolute !important;
}
}

Caleb O'Loan

Author Caleb O'Loan

More posts by Caleb O'Loan