Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1581264
Mobile Menu
Closed

Comments

  • omer started the conversation
    May 20, 2018 at 2:41pm

    Hi,

    I'd like to change hamburger menu on mobile is there any way to change it? 

    for example write menu instead of hamburger icon? or change all mobile menu as tabs? 

  •  1,845
    Elated replied
    May 22, 2018 at 9:32am

    Hello there,

    You can choose which Font awesome icon you want to set for the menu icon in here: https://fontawesome.com/icons?d=gallery

    Just copy unicode of the icon and place in this css code (paste css code in Appearance > Customize > Additional CSS):

    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f037";
}

    But don't forget the "\" before the unicode. 

    You can also write "menu" instead of unicode for the icon. 

    Best regards,

    Marie

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • omer replied
    May 22, 2018 at 11:25am

    Hi i just copy this into additional css but nothing changes

    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {    content: "\MENU";
}
  • omer replied
    May 22, 2018 at 11:49am

    Fixed like this

    [class^="dripicon-"]:before, [class*=" dripicon-"]:before {
      content: "\e056" "\00a0" "MENÜ" !important;
    font-size: 20px;
    }

  •  1,845
    Elated replied
    May 23, 2018 at 12:14pm

    Hello there,

    Sometimes you will have to set "!important" to make change. We are glad that you've managed this!

    Let us know if there is anything else we can do for you, thanks!

    All the best,

    Marie

    Elated

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.