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!


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

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.


Marta Wierzbicka staff 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 



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

  • ForumUser: 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
Tags