Trade Theme to make top navigation menu clickable

Store Design

Topic summary

A user running the Trade Theme wants to make their top navigation dropdown menu clickable, with the menu expanding automatically on mouse hover.

Solution Provided:

  • Navigate to Online Store > Themes > Edit code
  • Open the header-dropdown-menu.liquid file
  • Replace code on lines 19-25 with provided markup snippet
  • Apply the same modification to header-mega-menu.liquid if using a mega menu

Outcome:
The solution was implemented successfully and confirmed working by the original poster. The issue is resolved.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi, I am using Trade Theme for my website now, and I will like my dropdown menu top nagivation menu clickable, and since the top nagivation is clickable, the menu need to be extend automatically when I move the mouse cursor to it.

Is these two features possible to be done?

Thank you.

Here is my store link:

https://1cabe3-26.myshopify.com/

2

Hi @Mentorpublish

Please go to Online Store > Themes > click “…” in Trade theme > Edit code

Open header-dropdown-menu.liquid file, replace the code from lines 19 to 25 with this code.


                  
                    {{- link.title | escape -}}

Screenshot_1.jpg
Screenshot_1.jpg1133×720 65.1 KB

Do the same thing with header-mega-menu.liquid file if you select your menu is mega menu.

1 Like
3

Hi @Dan-From-Ryviu , thx for the coding, it work perfectly.

1 Like
4

You are very welcome!