Double Fixed Navigation drop down menu out of screen


Topic: Double Fixed Navigation drop down menu out of screen

alte pro asked 3 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 Szymanska staff pro premium answered 3 years ago

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

alte pro commented 3 years ago

Cool, that worked! Thank you!

Marta Szymanska staff pro premium answered 3 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 3 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

Marta Szymanska staff pro premium answered 3 years ago

Hi, I'm glad it works. Best, Marta
Please insert min. 20 characters.
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