Link to Article: https://www.will-myers.com/articles/building-a-mega-menu-in-squarespace-71-free
Purchase $10 Plugin: https://www.will-myers.com/products/p/mega-menu-for-squarespace-71
==========
Enhance your website – Shop the Plugin Store
https://www.will-myers.com/products
Grow Your Skillset – Learn CSS for Squarespace Course
https://www.will-myers.com/learn-css-in-squarespace
===========
Easily add a Mega Menu to your Squarespace 7.1 website. Either follow the steps in this tutorial or purchase a very affordable plugin that does all the work for you.
Project Breakdown:
So here is the big picture breakdown of what we’re going to do:
1) We’re going to add a section to our footer that will become our mega menu (we’re using the footer because this it’s on every page)
2) We’re going to add a folder to our main nav.
3) We’re then going to write some jQuery to move the footer section into the main nav folder.
4) We’re going to write our CSS to make everything look nice.
5) Mobile Optimize.
==========
Timestamps:
0:54 – Building The Mega Menu / Project Breakdown
1:27 – Step 1 – Adding Footer Section
2:11 – Step 2 – Adding Folder to Main Menu
2:48 – Step 3 – Move the Footer section to the Folder Item
3:29 – Installing jQuery
4:46 – Understanding jQuery .append()
11:57 – Step 4 – Styling with CSS
15:28 – Step 5 – Mobil Check
16:03 – Adding Additional Mega Menu’s
==========
More:
Facebook: https://www.facebook.com/willmyethewe…
Buy Me A Coffee: https://www.buymeacoffee.com/willmyers
