Navigation
Archive / How can I replace menu icon on mobile to word " MENU"?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 11, 2016 at 1:59 am #1211029
    koosang153
    Participant

    Hi all,

    I would like to make the menu icon to be word “MENU” on mobile instead of three line hamburger menu icon, how should I code on custom global css section?

    October 11, 2016 at 4:36 am #1211178
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    i.x-icon-bars:before {
    content: "Menu";
}

    Hope that helps.

    October 11, 2016 at 11:13 am #1211659
    koosang153
    Participant
    This reply has been marked as private.
    October 11, 2016 at 12:45 pm #1211807
    Thai
    Moderator

    Hi There,

    #1] Please add this CSS:

    .menu-item-4309 a {color: #fff;}

    #2] To remove the text shadow, please add this:

    a.x-btn-navbar {
    text-shadow: none;
}

    Hope it helps 🙂

    October 11, 2016 at 1:10 pm #1211841
    koosang153
    Participant

    Hello,

    #1] Please add this CSS:

    .menu-item-4309 a {color: #fff;}

    this didn’t work. Still my menu on my navigation bar is NOT white on mobile.

    when I add that css code, “#1] Please add this CSS:

    .menu-item-4309 a {color: #fff;}”

    the following code didn’t work.

    #menu-item-4309 > a {
    color: #fff;
    }

    Please help! thanx!

    October 11, 2016 at 3:10 pm #1211992
    Nabeel A
    Moderator

    Hi again,

    Please replace the previous code with this one:

    .menu-item-4309 > a {
    color: #fff !important;
}

    Let us know how this goes!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1211029 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>