Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Navbar-Dropdown Mobile View

Aroquiassamy LA ROZE priority asked 5 years 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 5 years 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 priority commented 5 years ago

Yes Mr.@Arkadiusz Idzikowski

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


Arkadiusz Idzikowski staff commented 5 years 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 priority commented 5 years ago

A satisfied answer thank you mr.@Arkadiusz Idzikowski



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 7.4.3
  • Device: Lenova
  • Browser: Chrome 73
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags