Topic: Modals not opening properly in dropdown list

rt133813 pro asked 5 years ago


I have a fix-top navbar with a dropdown button which contain links that open modals.  The modal attempts to open, but just has grey screen and locks screen on PC.  Click the button again and the model opens.  Does basically the same thing on mobile devices, but a little different.   The modal links not working are Deals, About and Contacts under More options.

I did try the following with no luck 

.dropdrown-menu { z-index: 0 }

Here is a secured link hosted thru godaddy.com.  Thanks for any help.

https://clickforadeal.com/rickscart/cart_debug.php?shop_name=Test%20Shop&latitude=47.6485811&longitude=-117.1561301


Marta Wierzbicka staff answered 5 years ago


Hi,

I see you have a lot of custom code and I see you have loaded both bootstrap 3.3.7 files and bootstrap 4 from our package and two scripts for jquery. I think it may cause the problem. So first of all, leave only the newest bootstrap and jquery files from our package.

Best,

Marta


Marta Wierzbicka staff answered 5 years ago


Hi,

would you create a snippet which recreates your problem here: https://mdbootstrap.com/snippets/? MDB Snippets are the best environment for us to see where is the problem.

Best,

Marta


rt133813 pro commented 5 years ago

I am new to MDB, but unless I misunderstand snippets, i think the live link I supplied is better as I have alot going on and not sure how to put it all in a snippet.  I was thinking you could just copy and paste my link, then view source.  Please let me know if this is wrong.  Thanks Rick  



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.15
  • Device: all
  • Browser: all
  • OS: all
  • Provided sample code: Yes
  • Provided link: Yes