Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Is there a mobile responsive SideNav WITHOUT the fixed top nav bar?

Alexa86 pro asked 4 years ago

Hello,

Does MD Bootstrap have a responsive Side Navigation without the fixed top navbar?

I need help finding the traditional vertical side navigation with a background image that shows by default then as you minimize your web browser, that same vertical nav turns into a toggle "hamburger" for mobile view.

Demo

I only see the double navigation with the fixed navbar at the top and the side nav on the left. The top navbar is actually the part that turns into the mobile menu: https://mdbootstrap.com/docs/jquery/navigation/compositions/

https://mdbootstrap.com/docs/jquery/navigation/compositions/

Marta Wierzbicka staff answered 4 years ago

Hi,

I copied the side-nav code from our documentation to the snippet and responsive side-nav works: https://mdbootstrap.com/snippets/jquery/marta-szymanska/1823924.

Best, Marta

Alexa86 pro commented 4 years ago

Thank you @Marta Szymanska for responding and sending the code solution!

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.13.0
  • Device: Mac
  • Browser: Chrome
  • OS: OS
  • Provided sample code: No
  • Provided link: Yes
Tags
sidenav side-nav sidenav-animation jquery navigation admin responsive
About author
Alexa86
Pro User 52Support score
2Questions 4Answers 4Snippets