Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$

Menu - Auto width does not work on dropdown sub menu


Hi,
I set auto width for both menu & sub menu in dropdown menu but it works on only menu, not sub menu.

https://preview.keenthemes.com/html/metronic/docs/general/menu/advanced#toggle-dropdown

You can replace class w-175px by w-auto on the sub menu and increase the length of a menu item to see that.
Ex: Replace "Admin Group" by "Admin Group 123456" then the menu item will appear in 2 lines while I expect it appears in only 1 line.

Regards


Text formatting options
Submit

Replies (5)


Hi,

It should work as expected as we tested it using only w-auto:

<img src="https://i.imgur.com/qZNRa6P.png" class="w-100" alt="">

Regards.



Hi Sean,
As I said, it works for the menu but NOT the submenu

<img src="https://i.imgur.com/pjz5Lbr.png" />

Thanks



Hi,

You can try to add text-nowrap to the submenu menu links or set greater min width min-w-250px to the submenu itself.

Regards.



Hi,
text-nowrap works like a charm.

Thanks



Hi happy,

Great! All the best with your projects!

Regards.


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
Text formatting options
Submit
Text formatting options
Submit