Mega Menu Styling and Functionality

[ZaredRogers]

Description

The current Mega Menu on the Deep Blue Adventures Dev Site has a few styling and functionality concerns that need to be addressed. The following improvements are requested:

1. Remove Grey Border:

   • There is a faint grey line around the Mega Menu that needs to be removed. Ensure the menu appears clean and seamless without any unintended borders.

2. Open on Click with Close Button:

   • Update the Mega Menu to open when a user clicks on the menu item, rather than on hover.
   • Add a close ("x") button in the top right corner of the Mega Menu to allow users to manually close the menu when they are done.

3. Mouse-Leave Close Delay (Alternative Option):

   • If the changes for opening on click and adding a close button cannot be implemented within the given time frame, please introduce a delay to the existing mouse-leave functionality.
   • The delay should prevent the menu from closing immediately when the mouse cursor leaves the menu area, providing users a more comfortable browsing experience.

Website

Deep Blue Adventures Dev Site

Screenshot