Burger Menu Customized

Hey Teresa,

Thank you for the inquiry.

You can use this css code to remove the burger menu icon and display the menu text.

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

  /* Add your Mobile Styles here */
  span.av-hamburger-inner {
    display: none;
  }

  .av-hamburger strong {
    display: block;
    float: none;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
  }

  .av-hamburger-box {
    width: auto;
    height: 50px;
    display: block;
    line-height: 30px;
    padding: 7px 13px;
    border: 1px solid;
  }
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Thank you for the update.

We adjusted the css code a bit, please try it again. If you want change the size of the menu text, just edit the css rule for the .av-hamburger strong element above.

Best regards,
Ismael

Hi,

No problem! Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael