Different Burger Icon size on desktop and mobile

Hey dreamreader,

Please try to explain your intentions a bit further, and post a link to where we can see the actual element. If you have screenshots highlighting what you would like to achive, then please share those with us as well.

Best regards,
Rikard

Hi,

Thank you for the clarification.

You can add this css code to adjust the size of the burger menu on mobile view:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .av-hamburger-box {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 10px;
  }

  .av-hamburger-inner::before {
    top: -7px;
  }

  .av-hamburger-inner::after {
    bottom: -7px;
  }
}

Best regards,
Ismael

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike