WEBFI-WordPress-How to Create a Mobile Ready Responsive WordPress Menu
Do you want a mobile friendly menu for your WordPress site? Mobile users are getting more popular as time goes on and a mobile responsive menu makes it easier to navigate your site. In this video, we will show you how to easily create a mobile-ready responsive menu.
Text version of this tutorial:
http://www.wpbeginner.com/wp-themes/how-to-create-a-mobile-ready-responsive-wordpress-menu/
If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.
Check us out on Facebook:
https://www.facebook.com/wpbeginner
Follow us on Twitter:
http://twitter.com/wpbeginner
Join our circle on Google+:
https://plus.google.com/+wpbeginner/
Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/
Summary of this tutorial:
The first method would be to install and activate the Responsive Menu plugin:
https://wordpress.org/plugins/responsive-menu/
Once activated the plugin will add a new menu item labeled Responsive menu to your WordPress admin bar that you should click.
Select the screen width when the menu should appear on your site, 800 the default is good for most sites.
After that select the menu you want to show, you can create a menu under Appearance, Menus.
A second method would be to install and activate the Responsive Select Menu plugin:
https://wordpress.org/plugins/responsive-select-menu/
Once activated you need to visit Appearance, Responsive Select to configure the plugin settings.
Scroll down to ‘Activate theme locations’ to modify where the menu is active.
If neither of those options are what you are wanting we have a method to do this through coding on our written article.
source
nice !
You are so great thanks too much
how to show member account in menu
plugin does not worked
visit: tjg.eduquiz09.com
and make window to mobile size
Exactly what I wanted–thank you so much!!!
but how do i remove away the exisiting menu? now i have 2 menu
Thanks!!
Always solving problems by installing a new plugin… I don't know what I would do without your priceless help (?)
How can I hide the old menu from my WP theme, so that there is only shown the new mobile menu (which I made with this plugin) and not the old one?
does anyone know how to create a responsive menu on wordpress without using these my plugins….just code from scratch nd avoid pulling in many frameworks??????
When I install this plug-in I get the menu option but instead of it showing options it is just a blank search bar. What am I doing wrong?
thank you!
How can we we display some menu items and hide others in a hamburger bar on mobile?
To anyone who can help me, thank you in advance you Send me a video here
thanks!
there are two menu when it is mobile responsive ………….
I wasted a few hours trying to fixed the mobile menu on my web site,and you just solved my problem for less then 3 min.THANK YOU
p.s.Thats my first youtube comments ever,just to show you my appreciation
Using the responsive menu, I could add the button, but I need to apply some additonal css to it to change its alignment and color, How to do that?
Any css I add in addtional css, it doesn't get applied.
Hello, great tutorials as usual. I tried this and I ended up with Menus, on Desktop and Tablet. Any suggestions on a fix?
Unfortunately default menu style is still shown 🙄🙄🙄
Hi, I am a visually impaired WordPress Editor, I help maintain a charity website. I have two menu's on the website, one is the header menu, the other is page related and added to the pages required. I want to be able to make the menu mobile accessible and not take up two pages or menu items. here is the website link. Please can someone let me know what I should do? https://www.loudapplauserisingstars.co.uk/honorary-patron/ Thank you.
How is it that i can see all the menus on my phone when it's only 2 of them i wanted to see on the pc?
Within 2 mins this video helped me in a way that hour long videos couldn't. Thanks a lot!
Very helpful this. Thanks!!
thanks so much for that
Thank you