Comments on: Responsive Bootstrap Push Menu Tutorial

By: Anthony

Anthony — Sat, 14 May 2016 23:53:24 +0000

hi, is there any way to disable the scrolling of the body while the menu is open?

By: wini2

wini2 — Tue, 10 May 2016 17:10:36 +0000

Hi, tahnks for your detailed explanation. Is it correct what i noticed: The ‘natrual’ bootstrap behavior of the button is not longer working – toggel adds/removes the class collapsed to/from the botton. How can i get that back?

By: sachin

sachin — Tue, 22 Dec 2015 08:04:08 +0000

Hi Syazwan, Thank you for a great tutorial!
when i open this push menu on mobile… on scroll whole page move with menu… pleases help me to rectify this menu stable on scroll….

http://www.sumocommercials.com/

By: Nick

Nick — Mon, 21 Dec 2015 10:03:12 +0000

Hello ) This solution works for me. Thx.
But what about Animated “x” icon? I try to do this feature, but it’s not working in this example.
Is there any tutorial make animated “hamburger” icon?

By: NO name

NO name — Sun, 22 Nov 2015 11:46:22 +0000

Can I do multi-level push menu after the 1st push?

By: Syazwan Hakim

Syazwan Hakim — Wed, 21 Oct 2015 17:06:22 +0000

In reply to kate.

Hi Kate,

Did you try change media query on base.css to 1250?

@media screen and (max-width: 1250px) {
...
}

By: kate

kate — Wed, 21 Oct 2015 01:05:22 +0000

Firstly, great solution and tutorial, thanks!
I’m trying to change the breakpoint so the push menus (I’m using two) appear at 1250 instead of 768. I’ve tried adding the solution suggested at http://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse to change the breakpoint of the standard bootstrap nav-collapse. This kind of works – the menus now push in and out nicely, but they are blank. Any hints on how to get the menu content to display?

By: Sanjay Mistry

Sanjay Mistry — Tue, 13 Oct 2015 14:00:10 +0000

Hi Syazwan, Thank you for a great tutorial!
Could you show us how we could add a similar menu like this please:
http://mmenu.frebsite.nl

I still want to use your code, but add a sub-menu, so when the user clicks the menu, there is the option for a second menu which slides over the current menu.
Thanks
Sanjay

By: user

user — Sun, 30 Aug 2015 18:28:39 +0000

After some tries I fixed it! thank you for the very fast answer.

By: Syazwan Hakim

Syazwan Hakim — Sun, 30 Aug 2015 18:10:29 +0000

In reply to user. In my example, it's on base.css. You might need to add some new css rule to make it works on all screen width.