Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 1, 2017 at 1:50 pm #883894
    fisherman

    Hi, I keep on reading that the hamburger menu icon on mobiles can be made much more effective by adding the word “menu” next to it, so people who are not net savvy know that is where the site menu is.

    So I’m looking at the source code, and see that you already have “Menu” under the hamburger menu icon, but it is display:none.

    I don’t see any settings for this. Are you planning on adding this setting in the next release, is that why it’s almost ready?

    Thanks,
    Tom

    December 1, 2017 at 2:17 pm #883901
    Yigit

    Hey Tom,

    We will probably add an option in upcoming versions :) For the time being, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .av-hamburger-box {
    height: auto;
}
.av-burger-menu-main strong {
    display: block;
    position: absolute;
    top: -15px;
}

    Best regards,
    Yigit

    December 1, 2017 at 2:38 pm #883909
    fisherman

    Thanks for the quick reply, it worked :-)
    I also added color: #333333; to keep the color of the text the same as the hamburger menu icon.
    Thanks again!
    Tom

    December 1, 2017 at 2:43 pm #883911
    fisherman

    And I put it above the icon with top: -70, I think it’s a bit more noticeable above it.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hamburger menu + "Menu"’ is closed to new replies.