Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #492347

    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

    #492352

    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

    #492363

    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

    #492368

    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

    #810851

    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.

    #811051

    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

    #996139

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

    • This reply was modified 5 years, 7 months ago by aridbrown.
    #996145

    Never mind, figured it out.

    #996239

    Hi,

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

    Best regards,
    Rikard

    #1033605

    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 5 years, 4 months ago by ZorgSaam.
    #1033692

    Hey ZorgSaam,

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

    Best regards,
    Jordan Shannon

    #1033877

    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)

    #1033878

    Sorry, forgot to mention my site:
    zorgsaamzuid.nl

    #1034976

    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

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