Can I create a hoverable custom link in the header?

Store Design

Topic summary

A user asks how to create a hoverable custom link in the header that displays navigation items on hover. They provide code for a custom assistance link.

Solution Provided:
A PageFly representative explains this can be achieved using Shopify’s native Navigation feature:

  • Navigate to Online Stores > Navigation and select the main menu
  • Add menu items according to desired structure
  • Sub-menu items will automatically display on hover beneath the parent item

Note: The original post and response contain corrupted/reversed text, making some technical details unclear. An example image was referenced but the content is not fully readable in the provided text.

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

Hi guys

Is it possible to make a custom link in the header nested so that when you hover over it, navigations items will appear?

here is the custom link:

<a class="header-assistance-link" href="[https://pesabure.com/pages/assistance](https://pesabure.com/pages/assistance)" aria-label="assistance" Assistance
2

Hi @abdinho

This is Noah from PageFly - Shopify Page Builder App

You can easily to add the menu like that with Shopify native Navigation, you can follow my step here

Step 1: Online Stores > Navigation > Choose your menu - should be main menu

Step 2: click and add the navigation according to the menu you want.

For example :

PageFlyNoah_0-1685505397907.png
PageFlyNoah_0-1685505397907.png1912×809 53.7 KB

All those menu below the Catalog will be show when hover it

Hope this can help you solve the issue

Best regards,

Noah | PageFly