Onelio pro asked 4 years ago


It is my understanding that Bootstrap 4 is compatible with IE 10+. I have built a website using MDB exclusively and am having problems with the navbar buttons and modal buttons working with IE 10. Is there a fix for this?www.labradoodlelane.com

Marta Wierzbicka staff answered 4 years ago


Hi, Viera is Josip Tomašev answer fine for you? Best, Marta

Josip Tomašev premium answered 4 years ago


Hi, Viera

I looked at your site www.labradoodlelane.com, and found some problem in header of page:

<!-- Bootstrap core CSS -->
 <link href="css/bootstrap.min.css" rel="stylesheet" />
 <!-- Your custom styles (optional) -->
 <link href="css/style.css" rel="stylesheet" type="text/css" />
 <!-- Material Design Bootstrap -->
 <link href="css/mdb.min.css" rel="stylesheet" />
 <!-- Font Awesome -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 <link rel="stylesheet" href="animate.min.css" />

It will be good to reorder this to:

<!-- Font Awesome -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 <!-- Bootstrap core CSS -->
 <link href="css/bootstrap.min.css" rel="stylesheet" />
 <!-- Material Design Bootstrap -->
 <link href="css/mdb.min.css" rel="stylesheet" />
 <!-- Your custom styles (optional) -->
 <link href="css/style.css" rel="stylesheet" type="text/css" />

Your style.css must be puted as last, so you can overide styles from mdb.min.css. Also, animate.min.css return Error 500 (Internal Server Error) when it is call from page, so it will be good to remove it from header of page.
Also, bootstrap.min.css and mdb.min.css are not last versio, so will be good to upgrade to newer version :)

After that try to test page, I suppose it will be littl better

 

Best

Josip

 


Marta Wierzbicka staff answered 4 years ago


Hi, what is the exact version of MDB do you have? You can find this within README.txt file in your package. And look at our documentation of navbars with dropdowns here: https://mdbootstrap.com/components/navbar/ and modals: https://mdbootstrap.com/javascript/modals/. There are working on IE. Please make sure that your code is exactly like this one in our documentation. Best, Marta

Onelio pro commented 4 years ago

Hi Marta, I looked over the information links and am still having problems with my website displaying correctly. The version that I'm using is MDB Pro 4.4.3. The problem that I have is with the dropdowns, modals and css styling. This is the link to my current websites. http://www.labradoodlelane.com and http://www.onelioviera.com. If you need the code I can send it to. I really enjoy using MDB Pro and would like to continue using, but need to have a fix for my problem. Any help would be much appreciated. Thank you, Onelio


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: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags