Topic: react MDB regular fixed navbar not displaying correctly on safari

hemantiscoding free asked 6 years ago


Hello,I\\\\\\\'m trying to use https://mdbootstrap.com/react/layout/react-navigation/ Regular Fixed Navbar  but safari on my mac doesn\\\\\\\'t show this correctly.  I\\\\\\\'ve created a new componentFixedNavbarExample and here is my App.js code. Please can you let me know what I\\\\\\\'m doing wrong?class App extends Component {render() {return (<div className=\\\\\\\"App\\\\\\\"><FixedNavbarExample /></div>);}}

Bartłomiej Malanowski staff commented 6 years ago

Do you use MDB React Free or Pro version? What's the version of Safari? What isn't shown correctly?

hemantiscoding free commented 6 years ago

Hi, I'm using MDB React Free version. Safari version is 11.1.1 Please see here what I see on safari: https://drive.google.com/file/d/1Ltt5Hw9F37m6Hqat-vesX1S_3JJf18k6/view?usp=sharing

Mikołaj Smoleński staff answered 6 years ago


Hi, It seems like You didn't add style files to Your project. Index.js should look like this: import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import 'font-awesome/css/font-awesome.min.css'; import 'bootstrap/dist/css/bootstrap.min.css'; import 'mdbreact/dist/css/mdb.css'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; Best Regards

hemantiscoding free commented 6 years ago

Thanks, that does it.


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