Hover Overlay for Mega Menu Items

Installing Instruction

1. Copy the entire code snippet to your clipboard.
2. You can add the snippet in one of two ways:
   1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new snippet of the appropriate type:
         1. JavaScript snippet → paste JS without <script> tags
         2. CSS snippet → paste CSS without <style> tags
      3. Save and activate the snippet.
   2. Option B: Using Theme Files or a Custom HTML Widget
      1. Navigate to WordPress Dashboard > Appearance > Theme File Editor.
      2. Open an appropriate theme file (for example, header.php or footer.php), or add a Custom HTML widget in the desired area.
      3. Paste the code snippet:
         1. Keep <script> tags for JavaScript
         2. Keep <style> tags for CSS
      4. Save your changes.