Navigation Layouts dont work

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Navigation Layouts dont work

sandeepspatil pro asked 6 years ago

There is a note in the fixed sidenav docs that says "Note: Instead of adding required padding via CSS you can use one of our predefined Navigation Layouts". However when I use the code that is available for Fixed SideNav and Fixed Navbar (here), there is no padding. I got a pro license to use these layouts and they don't work as intended. Also my version 4.5.14 and this is not in the list above for version dropdown box.   
The code I used is copy pasted into the index.html page provided in the downlaoaded files, THe code is at https://mdbootstrap.com/docs/jquery/navigation/compositions/#double-nav-fixed-sidenav-navbar

Marta Szymanska staff pro premium answered 6 years ago

Hi, please present your problem here: https://mdbootstrap.com/snippets/. Create a snippet with your code and tell me where is the problem. I'll check your code and try to find a solution. Best, Marta

sandeepspatil pro commented 6 years ago

Hello,

I am using exact code present here -> https://mdbootstrap.com/docs/jquery/navigation/compositions/#double-nav-fixed-sidenav-navbar 

sandeepspatil pro answered 6 years ago

The snippet (https://mdbootstrap.com/snippets/jquery/sandeepspatil/117606) works fine but does not work on my local system. I see below in the css in the snippet, but is missing on the local setup. .fixed-sn .double-nav, .fixed-sn footer, .fixed-sn main { padding-left: 15rem; }

sandeepspatil pro commented 6 years ago

I downloaded the files again and now it works. Maybe the archive I downloaded before was corrupted. Thanks for the support.
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

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.10
  • Device: DELL XPS
  • Browser: Chrome
  • OS: Win 10
  • Provided sample code: Yes
  • Provided link: Yes
About author
sandeepspatil
Pro User
70Support score
3Questions 2Answers
0Snippets likes 0Snippets