Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 16, 2018 at 1:47 pm #1045893
    gefobilan

    Hi there, i know there are a lot of threads who explain how i can add the “menu” text next to the burger menu but all of the solutions are not working for me! i add the css but the text is not showing. Also when i put it directly in the chrome inspector.

    I am running the new WordPress 5 Version with the latest Enfold Release. Maybe there are some changes so the old solutions are not working anymore?

    • This topic was modified 6 years ago by gefobilan.
    December 16, 2018 at 4:25 pm #1045951
    Victoria

    Hey gefobilan,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    What code have you tried? Is it still there?

    Best regards,
    Victoria

    December 16, 2018 at 6:13 pm #1045994
    gefobilan

    i tried different ones, for exmaple this

    #advanced_menu_toggle:before {
    content: ‘Menu’;
    font-size: 14px;
    top: -7px;
    position: relative;
    }

    or this

    #top #advanced_menu_toggle:after {
    content: ‘MENU’;
    font-size: 11px;
    display: block;
    line-height: 2px;

    }

    #top #advanced_menu_toggle, #top #advanced_menu_hide {
    height: 56px;

    }

    but no ones worked :(

    December 17, 2018 at 4:03 pm #1046349
    Victoria

    Hi gefobilan,

    The text is already there, it will just appear at the bottom.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-burger-menu-main.menu-item-avia-special strong {
    display: block;
    color: #fff;
}
.js_active.html_burger_menu #avia-menu .av-burger-menu-main {
    margin-top: 30px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 17, 2018 at 6:19 pm #1046411
    gefobilan

    hi victoria,

    thanks for the update, it now appears but under the burger symbol. Is it possible to show it one the right side right next to the burger symbol and not under it?

    Thanks

    December 17, 2018 at 8:26 pm #1046514
    Victoria

    Hi gefobilan,

    I know, I cannot seem to put it next to the burger. Please remove the code I gave you before and try this one:

    
.av-burger-menu-main.menu-item-avia-special:after  {
    content: 'Menu';
    font-size: 14px;
    top: -77px;
    position: relative;
    color: #fff;
    left: 66px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    December 17, 2018 at 11:06 pm #1046591
    gefobilan

    Hi Victoria,
    looks fine! :-) is it possible to make the text to pop up the menu too?
    Regards,
    Eric

    December 22, 2018 at 3:06 am #1048479
    Vinay

    Hi,

    To link the additional text with the burger icon please check the code in the documentation

    https://kriesi.at/documentation/enfold/menu/#burger-icon > Add word menu next to hamburger icon

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.