Comments on: Creating a Responsive Menu with HTML, CSS & jQuery

By: Siggi

Siggi — Fri, 05 Feb 2021 13:27:43 +0000

Hi,

i´m german and i like this menu. But i looked for the source.zip and i could´nt find.
Can i download the code ?

By: Buhle Seya

Buhle Seya — Tue, 30 Jun 2020 22:49:31 +0000

In reply to Jean-Paul Hupe.

Hi there,

I seem to be having a problem with the toggle of this menu? I’ve added the .js file to the HTML.

Ive edited the .js file to this:
jQuery(document).ready(function() {
jQuery(‘.toggle-nav’).click(function(e) {
jQuery(this).toggleClass(‘active’);
jQuery(‘.menu ul’).toggleClass(‘active’);

jQuery(‘.menu a’).click(function(e) {
jQuery(this).toggleClass(‘active’);
jQuery(‘.menu ul’).toggleClass(‘active’);

});

});
});

Thanks for the tutorial and help. x

By: Kevin

Kevin — Tue, 09 Jun 2020 01:05:19 +0000

Hi, I am using your Nav bar and I have everything working fine but the toggle doesnt seem to work and the links are always on when I shrink the screen to make the hamburger icon appear. I am not sure what I am doing wrong and I cant find an answer anywhere, thanks 🙂

By: Antonio Newlands

Antonio Newlands — Mon, 25 Nov 2019 20:43:34 +0000

In reply to Jordan. O menu não abre no mobile, somente no pc. O código está assim: Home My Work About Me Get in Touch Blog ☰ Search O que está havendo? Grato.

By: Antonio Newlands

Antonio Newlands — Sat, 21 Sep 2019 00:17:48 +0000

Really cool, but where’s the download link? Thanks.

By: E Sanchez

E Sanchez — Wed, 07 Aug 2019 01:12:41 +0000

Exactly what I needed. The little arrow that almost drove me nuts is a mystery no more.
Thanks a lot!

By: ipendar

ipendar — Sun, 29 Jul 2018 03:58:10 +0000

that was very nice..
thank you

By: lalvadiya rajesh

lalvadiya rajesh — Thu, 12 Jul 2018 11:57:55 +0000

i just want to say thanks for your response its work very good,
for more snippets also visit : https://nicesnippets.com

By: Manzar

Manzar — Fri, 22 Jun 2018 11:03:44 +0000

In reply to Loren. Yes, just put the toggle icon in span and make span flaot=right. Simply give the class name to span or directly apply the style to span as toggle icon.

By: Ruben

Ruben — Sat, 14 Apr 2018 06:03:43 +0000

This looks like a really clearly laid out how to – but all the html snippets tags have been turned into > < which makes it too hard to read :/

By: Mike

Mike — Mon, 12 Feb 2018 15:30:57 +0000

Excellent – thank very much for this. Helped me create a pop-up menu on my site, along with the little ‘arrow’ pointing at the button…. I long wondered how this was done… until now.

By: Peter

Peter — Sat, 03 Feb 2018 22:56:10 +0000

Amazingly clear explanation. The example is so much better than the one on W3 Schools. I have one question though:
When the menu is a footer menu stuck down at the bottom, how do I get it to pop up instead of down below the bottom of the screen?