Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 24, 2015 at 4:38 pm #492347
    Ross_nineteen789

    Hi,

    I would like to add the term ‘menu’ on the mobile menu if possible? to the right next to the menu symbol.

    Thanks
    Ross

    August 24, 2015 at 4:41 pm #492352
    Yigit

    Hey Ross_nineteen789!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #advanced_menu_toggle { right: 5%; color: white; }
#advanced_menu_toggle:after {
  content: 'Menu';
  font-size: 18px;
  position: relative;
  top: -4px;
  left: 5px;
  color: white;
}

    Regards,
    Yigit

    August 24, 2015 at 4:50 pm #492363
    Ross_nineteen789

    hi Yigit,

    Great – thanks for that.

    Is there a way that I can show a different, smaller menu for mobile and keep the main one for the desktop?

    Ross

    August 24, 2015 at 4:56 pm #492368
    Yigit

    Hey!

    You can go to Appearance > Menus and click “Screen options” on the right top corner and check “CSS Classes” and then edit your menu items and add “only-dt” custom class to menu items that you would like to hide on mobile and then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
.only-dt { display: none !important; }}

    Best regards,
    Yigit

    June 21, 2017 at 8:54 am #810851
    alonarad

    Hi,

    Can I set the word ‘Menu’ to also be link-able, and will active the menu?
    (for now, it’s acting like a menu that do nothing).

    Tnx.

    June 21, 2017 at 5:10 pm #811051
    Victoria

    Hi alonarad,

    Could you please start a separate thread, describe your issue there and give us a link to your website, to avoid confusion.

    Best regards,
    Victoria

    August 10, 2018 at 8:26 pm #996139
    aridbrown

    I added this text to the Quick CSS, but the “MENU” text is not showing up.

    • This reply was modified 6 years, 3 months ago by aridbrown.
    August 10, 2018 at 8:52 pm #996145
    aridbrown

    Never mind, figured it out.

    August 11, 2018 at 9:33 am #996239
    Rikard

    Hi,

    Great, glad you found a solution and thanks for the feedback.

    Best regards,
    Rikard

    November 14, 2018 at 6:29 pm #1033605
    ZorgSaam

    How did you do it? Because I can’t see the MENU next to the icon after I put the code in de CSS

    • This reply was modified 6 years ago by ZorgSaam.
    November 14, 2018 at 9:37 pm #1033692
    Jordan Shannon

    Hey ZorgSaam,

    Please describe your exact issue and provide a link to your site.

    Best regards,
    Jordan Shannon

    November 15, 2018 at 10:40 am #1033877
    ZorgSaam

    Helo Jordan,

    I would like to add the term ‘menu’ on the mobile menu! But it does not work on my theme Enfold, anyways not with the code:

    a#advanced_menu_toggle:before { content: url(https://www.zorgsaamzuid.nl/wp-content/uploads/2017/08/mobile_menu.jpg); }
    @media only screen and (max-width: 1180px) {
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block !important;
    }
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
    }
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special a { border: none !important; }
    }

    I put this code under CSS webstyling Quick CSS.

    BUT this code (as mentioned above) does not work either!

    #advanced_menu_toggle { right: 5%; color: white; }
    #advanced_menu_toggle:after {
    content: ‘Menu’;
    font-size: 18px;
    position: relative;
    top: -4px;
    left: 5px;
    color: white;
    }
    Thanks for your reply!
    Best Regards
    Rob (Zorgsaam)

    November 15, 2018 at 10:41 am #1033878
    ZorgSaam

    Sorry, forgot to mention my site:
    zorgsaamzuid.nl

    November 19, 2018 at 3:16 am #1034976
    Ismael

    Hi,


    @ZorgSaam    : Looks like you’ve managed to add the “menu” text on mobile view. We’ll close the thread now. Please feel free to open a new one if you need additional help.

    Best regards,
    Ismael

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