How can I fix nested dropdown menu issues in Debut theme?

Store Design
1

Hi Guys, I need help with nested dropdown menu.

1st problem: When i hover my collections it shows me the dropdown menu, but when I try to move my curser to those sub-menu items the drop-down menu closes again.

2nd problem : My current drop down menu looks like this wide nested menu in this 1st picture (green one). Instead, i want to make my dropdown menu like the one in 2nd picture.

parth0113_0-1629998887765.png
parth0113_0-1629998887765.png380×214 25.6 KB

My current dropdown menu

parth0113_1-1629998887794.png
parth0113_1-1629998887794.png399×213 27.2 KB

I want my dropdown menu like this

Thank you. My store URl is https://logicolife.com/

2

Hello @parth0113 ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss.liquid paste bellow code in bottom of file
.site-nav__dropdown {
    top: 20px !important;
}

To make it like the screen-shot 2 you have to write html and css accordingly. Actually it needs time.

Thanks