Super Easy Mega Menu for Squarespace 7.1
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
Видео Super Easy Mega Menu for Squarespace 7.1 канала Will Myers
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
Видео Super Easy Mega Menu for Squarespace 7.1 канала Will Myers
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Create a Mega Menu in Squarespace 7.1How to pick the right Squarespace template (7.1)Shopify vs Squarespace: Where's the Best Home for Your Store in 2021?How to Add a Dropdown Accordion-Style FAQ to Your Squarespace WebsiteHow To Change the Dropdown Menu In Squarespace 7.1 // Squarespace 7.1 TutorialHow to Make Your Squarespace Website Look More Unique (Version 7.0)SQUARESPACE TUTORIAL: A guide to using the new style editor (7.1) PT.1SQUARESPACE ECOMMERCE tutorial: Getting started with your online shop (7.1)Split Screen Layout Design in Squarespace 7.1How to Blog with Squarespace (Version 7.1)How to Create A Second Nav in Squarespace 7.1 // Squarespace 7.1 Custom CSS TutorialWix vs Squarespace: What's the best website builder?How to create and style a drop down menu in Squarespace (2020)Adding Parallax Effect to Background Image in Squarespace 7.1How to Crop and Resize Images in SquarespaceHow to Remove the Header + Footer from a Single Page in Squarespace 7.1 (Updated)51 Squarespace Tips for Creating an Amazing WebsiteGradient Color Theme Backgrounds in Squarespace 7.1Prep Images for your portfolios on Squarespace for better SEOAdd a Mega Menu to Squarespace 7.0 Brine templates