Navbar-Dropdown Mobile View


Topic: Navbar-Dropdown Mobile View

Aroquiassamy LA ROZE pro premium asked 12 months ago

Hi @Damian

I want to know how the dropdown in navbar works on mobile view because the drop down goes hidden as you can see it in the image that I posted..Kindly have a look at that the screenshot is captured from your site..Give me an immediate solution.

Resources (screenshots, code snippets etc.)

The nav bar with drop down open

Arkadiusz Idzikowski staff answered 12 months ago

Please take a look at our menu alignment example and try to align dropdown to left/right. We will update the example in the documentation.

Aroquiassamy LA ROZE pro premium commented 12 months ago

Yes Mr.@Arkadiusz Idzikowski

I Have added that one after that only it was like this...on my site

Arkadiusz Idzikowski staff commented 12 months ago

Please remove the 'dropdown-menu-right' class and add this media query to your styles.scss file. It should align the menu to left in mobile view and to right on bigger screens. We will provide a better solution for that in next versions.

@media (min-width: 992px) { .dropdown .dropdown-menu { left: auto !important; right: 0 !important; } }

Aroquiassamy LA ROZE pro premium commented 12 months ago

A satisfied answer thank you mr.@Arkadiusz Idzikowski

Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Angular
  • MDB Version: 7.4.3
  • Device: Lenova
  • Browser: Chrome 73
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No