Position Issue for Navbar Dropdown on Right Side


Topic: Position Issue for Navbar Dropdown on Right Side

josh.wilson pro asked 5 years ago

A dropdown on the right side of the navigation does not render in the proper position in mobile mode. It is mostly off screen and unusable.

Marta Szymanska staff pro premium answered 5 years ago

Hi, could you provide any file with your code and send me to m.szymanska@mdbootstrap.com? I'll check and test this. Best, Marta

josh.wilson pro answered 5 years ago

Hi Marta, This problem is visible on your navbar documentation page in mobile view. https://mdbootstrap.com/components/navbar/ The purple navbar shows the issue.

Bartłomiej Malanowski staff pro premium answered 5 years ago

Hi, Josh! I marked this as a bug and this will be fixed as soon as it possible

yonetmen answered 3 years ago

Well, I'm having exactly the same problem. Is this bug did not fixed yet?


Marta Szymanska staff pro premium answered 3 years ago

Hi,

would you create a snippet showing the problem here: https://mdbootstrap.com/snippets/?

Best, Marta


Aziz Ganiyu answered 2 years ago

this fix worked for me, depending on the direction you are having issues .dropdown-menu{ left: -100px !important; }


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