Skip to main content
C
Chris5E6E
Participant
September 7, 2020
Answered

Dropdown hover nav menu clickable items

  • September 7, 2020
  • 2 replies
  • 813 views

Hello,

For website main navigation items, if you have a hover state that appears and lists the other areas of the site, is there then a way of making these hover state items clickable and direct the user to those sections of the site?

 

Apologies if this has been covered previously.

 

Cheers

This topic has been closed for replies.
Correct answer Rishabh_Tiwari

Hi Chris,

 

Thanks for reaching out. You can achieve this using an anchor link, for more information please refer to this article: https://helpx.adobe.com/ca/xd/user-guide.html/ca/xd/help/use-anchor-links-to-create-navigation-link-XD.ug.html

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

2 replies

C
Chris5E6EAuthor
Participant
October 8, 2020

Hi Rishabh,

 

Thanks for your response, but that wasn't what I was after. Perhaps I didn't explain it very well, let me try again:

 

On my websites main navigation, when you hover over an item, I have a drop-down menu listing other pages on the site. Currently, the whole dropdown will only link to the same page as the nav header. Is there a way that all the listed menu items can link to their respective pages?

 

Here is a link to my artwork file to illustrate what I mean:

https://xd.adobe.com/view/2816eef3-27df-4866-aed2-d11e8b74a57f-7d45/?fullscreen

 

If I wanted to say to navigate to the "Supported Living" on the main nav, and on the hover drop-down go to "Mother & Baby Units", I can't. Presently I can only access supported living. All the other links on the hovering drop-down don't work. Do you follow?

 

I look forward to your response, thanks for your help.

Rishabh_Tiwari
Rishabh_Tiwari
Legend
October 8, 2020

Thanks for sharing more details, Chris! We can use the hover trigger once only, so once we hover on the main nav then on the sub-drop-down menu, we can't have another hover menu as we don't have the feature of Nested hovers(https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/38968075-hover-inside-hover-nested-hovers) so instead we can use the tap as the trigger on the drop-down menu.

C
Chris5E6EAuthor
Participant
October 9, 2020

Thanks for clarifying Rishabh, much appreciated

Rishabh_Tiwari
Rishabh_TiwariCorrect answer
Legend
September 9, 2020

Hi Chris,

 

Thanks for reaching out. You can achieve this using an anchor link, for more information please refer to this article: https://helpx.adobe.com/ca/xd/user-guide.html/ca/xd/help/use-anchor-links-to-create-navigation-link-XD.ug.html

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices