I am trying to create a nav menu using the kendo Menu Component. My requirement is to make this nav menu similar to the dashkit nav menu. There are two major problems that I am currently facing
- Show Active navs [showing the active url]
- Make this NavMenu work in both web and mobile versions.
Problem with Making Responsive: In the web version, if we hover on a nav item that has children in the nav menu, it opens a submenu on the right side of that nav item. In the Mobile version, if we click on a nav item that has children, it opens a submenu on the right side same as the web version, but the submenu is outside of the viewable frame.
Showing Active navs: I looked for this in the forum, but unfortunately, I didn't find any proper solution for making the kendo menu nav items active.
DashKit Theme Reference: https://dashkit.goodthemes.co/index.html
- Color Scheme: Light Mode
- Navigation Position: SideNav
- SideNav Sizing: Icons
- Navigation Color: Default
Sample Vue Project: https://github.com/iamAdarshh/Kendo-Menu-Responsive