Help with Header dropdown menu.

Hi,

I imagine the solution to this is simple, but I can't figure it out.

In my Header, I want there to be a dropdown for the Shop nav (e.g. 'New Arrivals' and 'Best Sellers').

However, there's no option to simply apply a dropdown to an existing page nav, and I can't reuse the existing /shop url in a newly created Dropdown folder... so what is the workaround?

Any help would be appreciated.

Thanks!

Hi,

Just add a Link item, then you can enter Shop or any page.

@tuanphan Hi, thanks for your reply.
Am I missing something though? What use is a link item with regards to a dropdown? Apologies if I've misunderstood your suggestion.

Just to explain what I want to achieve:
I need a dropdown menu for 'Shop' in my Header, so when customers hover over it, there are links to 'New Arrivals' and 'Best Sellers'. My confusion is in how I can still have the main 'Shop' nav lead to the Shop page - I'm unable to reuse the same url, so can't link to it via a dropdown folder. If I were to add it via a link item, as you suggested, I would be left with 2 Shop navs; a primary one in the header and a second in the dropdown.

Thanks for any further help.

Thanks @tuanphan
I actually found the code which was originally posted by yourself. I'll post the link to the thread here in case it helps others.

Can you confirm if this is still the code you would recommend people use? I.e. Code injection rather than CSS?
 

Yes. you must add that code to Code Injection, it is jQuery code, not CSS code, if you add to CSS, Squarespace won't render it and it will break all current code in CSS box