Navbar-Dropdown Mobile View

web
mobile

Topic: Navbar-Dropdown Mobile View

Aroquiassamy LA ROZE pro premium asked 11 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 11 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 11 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 10 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 10 months ago

A satisfied answer thank you mr.@Arkadiusz Idzikowski


Please insert min. 20 characters.
Status

Resolved

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