javascript - How to make Left Vertical Menu > Sub Items visible to screen

Question

I am creating a website in WordPress and it has lots of Menu Items > Sub Menu items

Website Link: https://new.chefiality.pk

The issue is if I select hover the last Main Menu items then the div contains Sub Menu item cut down the screen

Video: https://www.loom.com/share/0bfb9eed120241fdb41ba250479ab720

I use this code

.header-vertical .main-nav .menu .menu-item-design-default>.sub-menu-dropdown, .header-vertical .main-nav .menu .menu-item-design-full-width>.sub-menu-dropdown, .header-vertical .main-nav .menu .menu-item-design-sized>.sub-menu-dropdown {
overflow: unset;
}

But it's not working. Can someone guide me on what to do.

Regards.

question from:https://stackoverflow.com/questions/65920892/how-to-make-left-vertical-menu-sub-items-visible-to-screen

Answer 1

Waitting for answers