Password instructions will be e-mailed to you
Confirmation will be e-mailed to you
Lost Password
Register
Dismiss
Dismiss

Need Attractive Mobile Menu

Home Forums The Soup Need Attractive Mobile Menu

This topic contains 2 replies, has 2 voices, and was last updated by  alan egan 8 months, 3 weeks ago.

  • Author
    Posts
  • #6760

    Shannon Knight
    Participant

    How can I get an attractive mobile menu for my site? It doesn’t have to be complicated. The one Alan provides us with the word “MENU” beside it would work great. Right now my “testers” don’t always know the blue hamburger is the menu, but I can’t figure out how to add a label.

    Thank you for your help!

    Shannon

  • #6766

    alan egan
    Keymaster

    I’ve asked how to do this in the Elementor community. Hopefully some will answer soon

  • #6767

    alan egan
    Keymaster

    Hello Shannon,

    Go to the WP dashboard, appearance, customise and add the following in additional css

    /*Add the word “Menu to the Hamburger*/

    .elementor-menu-toggle:before {
    content: “Menu”;
    position: relative;
    font-size: 24px;
    padding-right: 10px;
    bottom: 2px;
    }

    Then save

    Then go to appearance, header footer and select your header. Then click on the edit icon on the menu.

    Then select the advanced tab and add this text to the CSS classes box

    .elementor-menu-toggle

    and save

You must be logged in to reply to this topic.