Can I create a hoverable custom link in the header?

Can I create a hoverable custom link in the header?

37 0 0

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: 


<div class="logo-area__right">
<div class="logo-area__right__inner">
<a class="header-assistance-link" href="" aria-label="assistance"
<span class="header-assistance-link desktop only" >Assistance</span>

Reply 1 (1)

Shopify Partner
1317 233 268

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 :



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


Hope this can help you solve the issue 


Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.