Dropdown Alignment Changed

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Dropdown Alignment Changed

Andrew Ford pro premium priority asked 4 years ago

I am upgrading one of my sites to v3.0.0 from v2.2.1. The dropdown from the notifications is not positioned the same.

Here is a screenshot:

upgraded without changes

This is what happens when I add .dropstart:

added the .dropstart class * I would like to keep the dropdown below the navbar.

Andrew Ford pro premium priority commented 4 years ago

I remembered to change .dropdown-menu-right to .dropdown-menu-end - still no change.

Andrew Ford pro premium priority commented 4 years ago

I found my error, I had the element's width set with the [style] attribute. I got rid of that and it aligns correctly.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Closed

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: 3.0.0
  • Device: N/A
  • Browser: N/A
  • OS: N/A
  • Provided sample code: No
  • Provided link: Yes
Tags
dropdown navbar-dropdown notifications
Related topics
0
When clicking on Navbar, Item dropdown doesn't show again.
0
How to make a navbar dropdown-link active automatically?
7
Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user
3
TableEditor Plugin
1
Dropdown appendToBody
About author
Andrew Ford
Pro User Premium support
327Support score
36Questions 19Answers
0Snippets likes 6Snippets