4.8.10 Dropdown Menu Not Workign Correctly.


Topic: 4.8.10 Dropdown Menu Not Workign Correctly.

shawnstom asked 5 years ago

Expected behavior For the dropdown menu to nicely fade in like this example in this snippet. https://mdbootstrap.com/snippets/jquery/temp/1329273?action=prism_export

Actual behavior Its just popping on and popping off and kinda of delayed and as instant as the example. It appears the animated class and fadein and fadeout classes are not being applied. I made sure to apply the js files in the order given on the getting started page on MDB.

http://parksidepediatrics.wpserver.cloud/

Resources (screenshots, code snippets etc.) I grabbed the lastest version 4.8.10 to make sure I had the latest files. I am using scss and gulp for my styles.

for JS i am using the mdb.min.js which is enqueued in my functions.php


Marta Szymanska staff pro premium answered 5 years ago

Hi,

you also need mdb.min.css file and I don't see it on your website.

Best, Marta


shawnstom commented 5 years ago

Ok. I put that in and all it seemed to do was overwrite my styles and still no fade on the dropdown menu. See Link:

http://parksidepediatrics.wpserver.cloud/parent-resources/

I am using the GULP scss files to compile all my css also FYI.


Marta Szymanska staff pro premium answered 5 years ago

Hi,

on your website, I can't click any dropdown in the navbar and I see a lot of errors in the console: enter image description here Could you fix these errors first? For now, I can't check out the MDB code on your website.

Best, Marta


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: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.10
  • Device: Desktop
  • Browser: Multple Browswers
  • OS: Mac OS
  • Provided sample code: No
  • Provided link: Yes