Second level navigation with a drop-down. How make also the main menu item clickable?

Hi Squarespace Community!

I would like to create a navigation that functions similar to this one:

... so it should have:
a) Second level navigation via drop down, that unfolds on mouse-over

b) Clickable menu items in the second level

c) Also clickable main menu items

I don't get how to create c) if I follow this instructions: https://support.squarespace.com/hc/en-us/articles/205813818-Adding-drop-down-menus-to-your-navigation-with-folders

Furthermore, this navigation does not look as nice and smooth as known from other websites.

Are there other approaches (e.g. with custom code and/or a plugin) to create a nice second level navigation with dropdowns? Would be awesome if someone could share a hint ...

Best,
Christian

You can consider a mega menu 

Something like this

Hi tuanphan!

Thanks a lot for your suggestion! I guess this would meet our requirements. Do you have any recommendations for a good plugin or code that we need to realize such a mega menu?

Best,
Christian

3 hours ago, judgereini said:

Do you have any recommendations for a good plugin or code that we need to realize such a mega menu?

See this mega menu thread.

Hi @paul2009!

Thanks a lot for the link!

Checking out the mega menus I actually realize that I would rather need a plain simple drop down menu as a second level navigation. Do you also have an advice how to realize this? Or where I find more related information?
 

Best,
Christian

I could solve my main issue - the clickable main buttons, even if they are folders - with the instruction and code from this link: https://www.will-myers.com/articles/clickable-folders-for-squarespace-71

That'll do for what we currently need. 

Thanks for all your feedback!
Christian