search

creativetimofficial / ct-material-dashboard-pro-laravel

Material Pro Dashboard For Laravel Framework 11.x and Up
https://www.creative-tim.com/live/material-dashboard-pro-laravel
19 stars 6 forks source link

Dropdown menu increases length below media: width 992px #29

Closed CraftyDlx closed 4 years ago

CraftyDlx commented 4 years ago

When width changes by browser below 992px width, a useless scrollbar appears and the dropdown menu gains length (see images). I did not do any changes to dropdown menu or items css.

Correct dropdown menu length:

Screen Shot 05-25-20 at 10 48 PM

Below 992px width: Dropdown menu length increased and scrollbar:

Screen Shot 05-25-20 at 10 47 PM

teamupdivision commented 4 years ago

Hello, are you talking about the top main menu? The demo dashboard https://material-dashboard-pro-laravel.creative-tim.com/dashboard work just fine with changing the window size.

CraftyDlx commented 4 years ago

@teamupdivision The demo dashboard has no top dropdown menu showing below 992px width, because it collapses. My navbar does never collapse, because it's my clients wish. So your answer does not apply to my issue.

How to make the dropdown menu keep correct length below 992px width? I did not find anything in the css, is this about measuring dropdown menu length in javascript?

groovemen commented 4 years ago

Hello again @CraftyDlx,

You can try to set a height: auto property for the dropdown. After that, it should look like in your first image. Cheers, Stefan