Jump to content

Help with Header dropdown menu.

Go to solution Solved by tuanphan,

Recommended Posts


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.



Link to comment

@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.

Edited by tuku
Link to comment
  • Solution

You can create a Folder with Name: Shop

Next, add 2 Link Items in Folder, first with name: New Arrivals, link to new arrivals page or category, second with Best Sellers link.

To make folder title "Shop" clickable, you will need to use code, you can add it first + share site url, then we can give you code to make this clickable to shop page


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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?


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.