Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 18, 2016 at 6:58 pm #634721
    xyzb

    I would like to replace the default “hamburger” mobile menu icon with a small transparent background button with the word “MENU”.

    Please advise.

    Thanks!

    • This topic was modified 7 years, 11 months ago by xyzb.
    May 19, 2016 at 7:56 am #635020
    Rikard

    Hey xyzb,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    May 19, 2016 at 3:19 pm #635248
    xyzb

    Sure. Take a look at the image. You will see the standard mobile button and the button or svg/css that I would like to use.

    Thanks

    May 20, 2016 at 5:08 am #635689
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #advanced_menu_toggle:before {
    content: 'menu' !important;
    font-size: 18px !important;
    vertical-align: super !important;
}

    Best regards,
    Rikard

    May 20, 2016 at 2:40 pm #635908
    xyzb

    Hello Rikard,
    Thank you. Works great. Will it degrade correctly in older browsers?

    Thanks again

    Could you tell me how to uppercase the ‘menu’ text in the CSS?
    Thanks

    • This reply was modified 7 years, 11 months ago by xyzb. Reason: added additional comment
    May 20, 2016 at 2:49 pm #635914
    Yigit

    Hi!

    Glad Rikard could help!
    Unfortunately, we cannot guarantee cross browser compatibility.

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile Menu Icon’ is closed to new replies.