Jump to content

How to create sub drop down menu beside upon hover on page drop down menu.

Recommended Posts

Hi there! I have a custom dropdown menu that appears upon hover on my main folder title. I'd like to create  another dropdown menu identical in appearance, that appears beside it upon hovering on the "Work" page title in the initial dropdown menu. This menu would navigate to two difference pages for two different types of work. Ideally either the menu expands to include these options or a separate dropdown appears beside the original one. Is this possible?

 

Thank you!

 

Michael

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Can you share your website URL?

How did you do the custom dropdown previously?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
4 hours ago, Ziggy said:

Can you share your website URL?

How did you do the custom dropdown previously?

Oh sorry, I thought I had shared!

https://goldchain.studio/

 

I believe I created the dropdown with this code but I could be wrong...

//Stylized Folder Dropdown Menu
@linkBGColor: #9DD7FB;
@linkTextColor: #7C5AF6;
.header-nav .header-nav-item--folder .header-nav-folder-content {
  padding: 0!important;
  .header-nav-folder-item a {
    padding: .6em 1.5em!important;
  }


}

Link to comment

You currently have a styled folder in the main navigation, it is not possible to create a sub-menu structure (a folder in a folder) in Squarespace. You can use plugins to create a more complex "mega menu" but that's very different. You could add another folder next to the + but that's not really what you're asking for. 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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.