Can I create a hoverable custom link in the header?

Can I create a hoverable custom link in the header?

abdinho
Excursionist
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="https://pesabure.com/pages/assistance" aria-label="assistance"
<span class="header-assistance-link desktop only" >Assistance</span>
</a>

Reply 1 (1)

PageFly-Noah
Shopify Partner
1317 233 280

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

 

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.