Hover over navigation to to dropdown Sence theme

Store Design
, ,

Topic summary

A user working with the Sense theme wants to modify the navigation menu to display dropdowns on hover instead of requiring clicks.

Attempted Solution:

  • A support representative from PageFly provided custom code to be added to the theme.liquid file above the </head> tag
  • The code was intended to enable hover-based dropdown functionality

Current Status:

  • The user attempted to implement the code but was unable to get it working
  • They provided a screenshot showing where they placed the code in their theme files
  • The support representative requested the screenshot to debug the implementation
  • The issue remains unresolved and troubleshooting is ongoing

Note: The conversation includes code snippets and a screenshot attachment that are central to diagnosing the implementation problem.

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

I would like to make the navigation drop down automatically when hovered over (opposed to clicking) I am using the sense theme.

I did try some code from the community for the Dawn theme, it did work, however it would also disappear before your could click anything from the menu.

https://medusasmakeup.com/

2

Hi @medusasmakeup

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Noah | PageFly

3

Thanks for replying. I wasn’t able to get this code to work.

4

Can you screenshot where you added this code? I cannot see the code, if its was added i can debug it on your site.

5

Screen Shot 2023-10-24 at 7.39.18 PM.png
Screen Shot 2023-10-24 at 7.39.18 PM.png1742×908 104 KB

I appreciate any insight you may have.