-
AuthorPosts
-
August 24, 2015 at 4:38 pm #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
RossAugust 24, 2015 at 4:41 pm #492352Hey 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,
YigitAugust 24, 2015 at 4:50 pm #492363hi 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 #492368Hey!
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,
YigitJune 21, 2017 at 8:54 am #810851Hi,
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 #811051Hi 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,
VictoriaAugust 10, 2018 at 8:26 pm #996139I added this text to the Quick CSS, but the “MENU” text is not showing up.
- This reply was modified 6 years, 4 months ago by aridbrown.
August 10, 2018 at 8:52 pm #996145Never mind, figured it out.
August 11, 2018 at 9:33 am #996239Hi,
Great, glad you found a solution and thanks for the feedback.
Best regards,
RikardNovember 14, 2018 at 6:29 pm #1033605How 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, 1 month ago by ZorgSaam.
November 14, 2018 at 9:37 pm #1033692Hey ZorgSaam,
Please describe your exact issue and provide a link to your site.
Best regards,
Jordan ShannonNovember 15, 2018 at 10:40 am #1033877Helo 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 #1033878Sorry, forgot to mention my site:
zorgsaamzuid.nlNovember 19, 2018 at 3:16 am #1034976 -
AuthorPosts
- The topic ‘Mobile Menu’ is closed to new replies.