Jump to content

Link folder of dropdown navigation menu

Recommended Posts

On 5/3/2022 at 8:24 PM, andrea_beehive said:

Site URL: https://emu-paddlefish-na7r.squarespace.com

Hi, I'd like a 'services' link in client's site navigation which brings up their services landing page, but this link should also be a dropdown to pages for each individual service. With the folder I need to add the services pages as top link, which isn't user friendly.

Is there a way around this?

Thanks 

The site is private. Can you setup password & share url again?

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

Hi, I've added a screenshot which shows what I mean!

I have a dropdown menu under 'work with us'. What I really want is the top page in the dropdown (services) to be in the menu (not folder that says work with us), with the pr, digital marketing, social media and brand marketing pages dropping down from it. 

Is there a way to do that?

Thanks

Navigationmenu.png

Link to comment
On 5/6/2022 at 1:25 AM, andrea_beehive said:

Hi, I've added a screenshot which shows what I mean!

I have a dropdown menu under 'work with us'. What I really want is the top page in the dropdown (services) to be in the menu (not folder that says work with us), with the pr, digital marketing, social media and brand marketing pages dropping down from it. 

Is there a way to do that?

Thanks

Navigationmenu.png

You mean something like this, folder inside folder? Not possible

Mega Menu - Mega Menu with images, Drop Down Menu, Navigation Menu |  Shopify App Store

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
  • 2 weeks later...
On 5/18/2022 at 5:33 AM, yanli said:

Hey Andrea,

Can you share how did you manage to do this?
I'm facing the same issue.

She used this code (Code Injection > Footer)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>$('.header-nav-folder-title[href^="/folder-"]').each(function(){var e=$(this).attr("href").slice(8),a=$(this).closest("#header");$(this).click(function(){window.location.href="/"+e})});</script>

 

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
  • 3 weeks later...
  • 3 weeks later...

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.