Need fixes for level 2 menus for last menus

I have fixed the issue as per the requirement. please review https://git.drupalcode.org/project/business_bee/-/merge_requests/2

I have reviewed the MR and tried to apply it but it get failed.
Moving to need work

I have fixed the issue as per the requirement. please check MR !3 above.

Hi, reviewd the MR 3, applied cleanly and opens the level 2 menu in the left side for last 2 menus, but last menu level 1 moves out of the screen creating a horizontal scroll.

Hi adarshv Thanks for again working on this issue.
Your changes are reflecting fine can you please shift it bit more and we not need scroll on page

Thanks

The issue mentioned in comment #11 has been fixed in the latest MR. The menu looks fine now.
Thank you!

Hi, I've applied both MR!2 and MR!3 as patch and both the MRs applied with no errors.

After compiling the style.scss file in the MR!2 provided by @Hritick resolves the issue of Level 2 and Last Menu design issue and the changes look good to me. But I think, it would have been better if the compiled style.css file had also been pushed along with the style.scss file.

On applying the MR!3 provided by @adarshv, as patch, the Level 2 and the last menu design issue has been resolved and the changes look good. But the pushed style.css file is not as per the style.scss file. As per the style.css file the Level 2 and Last menu design issue get fixed but after compiling the style.scss file the Level 2 and Last menu design persists. I've attached screenshots of before and after compiling style.scss file for reference.

Both the MRs resolve the issue but MR!2 has the better solution as compared to MR!3 because MR!2 is using the opacity and visibility CSS property for rendering Menu level which will be better for user design experience. On the other hand, MR!3 uses display: block and :none CSS property to show and hide Menu items on hover.

Attaching all the screenshots for reference and moving to issue status to Need Works.