Learn how to create a responsive navigation menu. Mobiles will initially hide the navigation until a button is tapped. Check out my “Get a Developer Job” course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Link to demo / source page:
For an overall introduction to JavaScript you can watch:
For an overall introduction to Responsive Web Design you can watch:
Have you put together a neat page infused with JavaScript awesomeness and want to move it from your computer to online so the world can see your JS chops? I’ve partnered with A Small Orange and can now offer my students 20% savings on any hosting plan. Hint: the shared “Small” plan is one of the best bangs for your buck around! http://p.asmallorange.com/learnwebcode/specialoffer
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
Tweets by learnwebcode
Original source
21 responses to “Responsive Web Design Navigation Menu Tutorial”
Great demonstration bro very nice
This tutorial was really good
Thanks bro for this. everything works fine except the disappearing of the navigation link when expanding the page on a larger screen. and also discover that it appears back if i refresh the page again. please help out?
Thanks, exactly what i need.
Maaaaan! Hope we learned something new??? I learned something what I am looking for 3 days to solve until this moment I watched your tutorial. CONGRATULATIONS SIR!!! Step by step showing how it's done, everything works perfect, even I'm gonna tell you that you helped me to complete one of my websites with this!!! 😀 You're really one of the best tutorialists in yt!!!
Just keep it that way man, GREAT JOB!!! 🙂
Genial bro
you are the most awesome guy in youtube. Thankyou dude
As always Helpful….. Crystal Clear. Thanks
Awesome, thanks
Can i see your CSS? I am definitely missing something.
After I click only the span dissapears.
There are a million videos about creating the nav bar but none that include the most important step of making the damn thing work (ex: click on page 2 on nav bar, page 2 is then displayed). Just kill me.
hey wuz up man first thanks for the tutorial big help now i have a problem the menu works perfect with google crome but not with explorer can u plz help
You are the best!
You still had syntax error after width still posting ??? You gotta improve a lot man
did you have new advanced jquery tutorials?Great tutorial
HI Any chance i can download ur project for learning purpose, if yes do u mind send me ur project download link please. thanks William
niiiiiiceeeeee
Hey! I am unable to see the toggled list items. They have gone invisible
It worked! Thank you so much for the tutorials. They are a huge help to an aspiring front-end developer, you sir earned a sub!
To those whom are having problems, click the link to demo / source page in the description. On that page view the links contents of "Direct link to JS" and "Direct link to CSS" and compare them to what you have.
Really good well explained video
Tnx.