Metronic 8.1.8 - Menu functionality
https://preview.keenthemes.com/html/metronic/docs/general/menu/overview - here described the menu functionality.
In Initialization section: add .menu CSS class to the menu container along with data-kt-menu="true" attribute to define the menu container.
With .menu class I add the: "menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary w-200px" classes to the container and if menu item text is too long, text is overflow the container and it doesn't look good.
If I remove the w-200px class, container allocate a full width of parent (not good also).
I try to use the .dropdown-menu class instead of .menu (without w-200px) and it is works.
The container is adjusted to max item width and looks good.
Please, comment my substitution. Can I use dropdown-menu class in this situation.
Can there be problems with this?
Replies (1)
Hi,
Can you try to use w-auto instead of w-200px for the KTMenu's menu element? You can also add min with or max with to control the with as per your requirements: min-w-100px mw-500px.
Regards.
