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: 4.8.10 Dropdown Menu Not Workign Correctly.

shawnstom free 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 Wierzbicka staff 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


Marta Wierzbicka staff answered 5 years ago


Hi,

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

Best, Marta


shawnstom free 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.



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: 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