Topic: 4.8.10 Dropdown Menu Not Workign Correctly.
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: Could you fix these errors first? For now, I can't check out the MDB code on your website.
Best, Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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