Topic: Double Fixed Navigation drop down menu out of screen

alte pro asked 5 years ago


The last menu item towards the extreme right of the screen as seen here: https://mdbootstrap.com/previews/docs/latest/html/navigation/side-nav-fixed-navbar-fixed.html
Is out of screen on Firefox. I copy-pasted your code from the demo here: https://mdbootstrap.com/layout/bootstrap-navigation/
But, even your own preview has this problem. Any suggestions? I think the ml-atuo may be causing this, not very sure though. I tried to override pre-set CSS rules, but no use.


Marta Wierzbicka staff answered 5 years ago


Hi, Add class.dropdown-menu-right to.dropdown-menu. Best, Marta

alte pro commented 5 years ago

Cool, that worked! Thank you!

Marta Wierzbicka staff answered 5 years ago


Hi, I'm glad it works. Best, Marta

Marta Wierzbicka staff answered 5 years ago


Hi, I can't recreate this problem. Could you paste here any screen which shows the problem? And tell me what is the exact version of MDB you have? You can find this within README.txt file. Best, Marta

alte pro commented 5 years ago

Versions: 1. bootstrap.min.css - 4.0.0 2. mdb.min.css - 4.4.1 3. jquery.min.js - 3.2.1 4. bootstrap.min.js - 4.0.0 5. mdb.min.js - 4.4.1 I am not using downloaded files, I'm using CDN links for these files. Also, here's a screenshot: https://imagebin.ca/v/3e7Rb36gAT4E This screenshot was taken from your website on Firefox 56.0.1 (Latest Version). If you see the "Dropdown" dropdown menu, it has 3 options: 1. Action 2. Another Action 3. Something else here But in the screenshot you'll only see "Something Else", the word "here" is out of screen


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