Multi-level navbar don't shows all levels


Topic: Multi-level navbar don't shows all levels

gerdhuber pro premium asked 4 months ago

Expected behavior I want to see all levels like in the example

Actual behavior I don't see all levels in Multi-level navbar, please see attached screenshot.

Resources (screenshots, code snippets etc.) enter image description here

---Source ---

Material Design Bootstrap

Navbar Home (current) Features Pricing Dropdown Click Me Too! Hey Hi Hello Some Text Click me How are you


gerdhuber pro premium answered 3 months ago

Thank you, it works fine

Gerd


Marta Szymanska staff answered 4 months ago

Hi,

you can see all levels in our mega menu, please look at this screenshot. enter image description here If you have more problems with that component, please describe your problem in details and create a snippet showing the issue here: https://mdbootstrap.com/snippets/. I'll try to help you.

Best, Marta


gerdhuber pro premium answered 4 months ago

Material Design Bootstrap

Navbar Home (current) Features Pricing Dropdown Click Me Too! Hey Hi Hello Some Text Click me How are you


gerdhuber pro premium answered 4 months ago

Please have a look to the attached screen-shot. it look not like yours.


Marta Szymanska staff answered 4 months ago

Hi,

use the code from our documentation, this is the correct code: https://mdbootstrap.com/docs/jquery/navigation/mega-menu/#v-5.

Best, Marta


gerdhuber pro premium answered 4 months ago

Hallo Marta,

thank you for your answer. I have taken from your documentation

https://mdbootstrap.com/docs/jquery/navigation/navbar/ and here the example "Multi-level navbar".

This one doesn't work correct. Regards Gerd


gerdhuber pro premium answered 3 months ago

Hallo Marta,

is it possible to correct that navbar, i like it, because on mouseover it opens.

Thank you.

Gerd


Piotr Obrebski staff answered 3 months ago

Hi,

Marta is on vacation right now so I tried to resolve your request. To make our multilevel navbar work properly you need some inicjalization js code and we apologize for not informing about it on our site. We will fix this. I prepared snipped with well implemented example for you. https://mdbootstrap.com/snippets/jquery/pjoter-2-0/778796

If you need additional help I am here for you.

Best Regards, Piotr


Status

Closed

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: jQuery
  • MDB Version: 4.8.0
  • Device: PC
  • Browser: chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No