Squarespace How to Create An Amazing Navigation

Подписаться 15 тыс.

Просмотров 12 тыс.

50% 1

In this video we'll walk through all available elements to customize your main navigation. Plus a few tips and tricks for ecomm, portfolio and consultant pages.
📢🙋 FREE Squarespace Resources: launchhappy.co/resources
📢🙋 FREE Squarespace Resources: launchhappy.co/resources
📢🙋 FREE Squarespace Resources: launchhappy.co/resources
--
Timestamps:
00:00 - Intro
00:38 - Opening Editor/adjust logo
03:07 - Mobile logo
04:06 - Part 1 - Elements
05:04 - Add a button, social links, links
06:34 - Add a cart
07:04 - Adjust colors, fixed positions, header style
10:27 - Part 2 - Adjust desktop experience, layouts
12:22 - Verticle Padding, link spacing, element spacing
15:10 - Part 3 - Mobile experience
18:04 - Final Edits
18:53 - Adjusting actual navigation
--
Master your digital presence to grow your business. Your website and software automation are your best employees if you get them set up correctly! I’ll help you do that with tutorials and tricks you can use to earn more revenue and have more control of your business success!
📦📦 All My Digital (Squarespace, Kit, and more) Products: go.davidalex.com/products
📱📱 Find all my latest articles, tech stack, and more: go.davidalex.com/website
📇 FREE Resources!!!!!: launchhappy.co/resources
☎️ Phone Consultations (15min-2hour options): [superpeer.com/davidalex](superpeer.com/davidalex)
Learn more about us (I get commissions for purchases made through some of these links, but I only promote things I like and believe in that I think you'd like, too.):
💻 Get Live Squarespace Help: launchhappy.co/expert
💥 Headquarters | Spacebar Agency: launchhappy.co/
📖 The Blog | SEO Guides: launchhappy.co/guides
📱 Start Your Website Today on Squarespace: go.davidalex.com/squarespace
---
📕 Need a Payroll service? Get up to $300 today gusto.com/d/david24465
📑 Need A Bookkeeper? Checkout Bench: Sign up for a Free Month: bench.grsm.io/davidiskander599
⏺️ Need a live chat feature? Check out Tidio: www.tidio.com/en/?ref=spacebar
💸 Looking to Robo-Invest? Try Betterment: go.davidalex.com/betterment
👨🏫 Teaching Platform I Love - Podia: www.podia.com/?via=david-iska...
💳 Chase Business Credit Cards: go.davidalex.com/chase
---
🧬 Sponsorships & Contact: hello @ davidalex.com

Опубликовано:

7 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 34

@eataxpros Год назад

Life savor! I was so confused at the initial use of Squarespace, but your video broke it down simply. Tremendous thanks!

@meetdavidalex Год назад

Glad it helped!

@matiasobandoruiz2842 2 года назад

Thank you! I watched it and applied everything at the same time and it is a massive change and understanding. Thanks for taking the time to do this.

@meetdavidalex 2 года назад

You're so welcome!

@matsuno415 Год назад

Great intro video! I'm a Wordpress designer using Elementor and Divi. However, my new client is on Squarespace. Your video is a great jump into the new interface. Thank you!

@meetdavidalex Год назад

Glad it was helpful! Aye! glad it was helpful :)

@irenalovesart4064 Год назад

THank you so much. I inherited a site by a 'brand professional' and it is not great and decisions seem a bit random. your videos are really helping me optimise the look and make it a lot cleaner and not so busy.

@meetdavidalex Год назад

Yeah that can be a challenge! I'm so glad you're finding help here. PS. TODAY, we launched a Squarespace Designer Community for 🚀 aspiring freelance Squarespace designers. This is the most growth-oriented & encouraging community and best talent network! Don't miss out! If you sign-up this weekend, you get a free site-audit! Sign up here to stay up to date on the launch: launchhappy.co/community

@drumtracksdirect Месяц назад

Can I ask what the font style for the links in the navigation is? Looks real nice.

@millefolia4010 7 месяцев назад

Thanks, Alex, well versed and explained, as is your trademark. What I desperately am looking for is search in the nav bar. You see that everywhere, the last item in navigation is a loupe icon or search text. How do I add this in SQSP?

@user-ji4cq3nm9o 10 месяцев назад

Thank you so so much David!

@meetdavidalex 10 месяцев назад

You're very welcome!

@steveyinasia Год назад

As a new Squarespace user, this was easy to understand

@meetdavidalex Год назад

Yahh! You got this! :) Glad this was helpful for you! PS. TODAY, we launched a Squarespace Designer Community for 🚀 aspiring freelance Squarespace designers. This is the most growth-oriented & encouraging community and best talent network! Don't miss out! If you sign-up this weekend, you get a free site-audit! Sign up here to stay up to date on the launch: launchhappy.co/community

@driveonphotography2580 11 месяцев назад

Great overview David...Quick Question. My Navigation Bar (Home, About, Contact etc) is stacked over to the left of my pages....How do I place the Navigation Bar across the Top of the Pages?

@driveonphotography2580 11 месяцев назад

Figured it out..

@graghoul Год назад

Bro great video but please turn that volume up

@meetdavidalex Год назад

We live and we learn! New videos have much better audio :) Thanks Graghoul! :)

@ChrisCadenhead 2 года назад

thanks for this! You know of a way to add text blocks or image blocks in the header?

@meetdavidalex 2 года назад

In the actual main navigation? By default, you will probably need to custom code it if it’s not the logo or your navigation links.

@dawnmcintyre2228 2 года назад

Hi thank you for your great video. i am using 7.0 version/Bedford and my site header navigation sections have disappeared. I have tried getting it back but not able to do this. Will I need a code to add this back. Also my drop down button list is a mess so I don't know if this is a fault. Any direction or help would be good

@meetdavidalex 2 года назад

Hi Dawn! Oh no, if you have added any code to your webiste, in the custom css section... copy and paste in a word document to save it but remove it! The header and footer should still be there! If you remove the code and they still are not there, then contact Squarespace support and have them help trouble shoot :)

@aie225 2 года назад

Hi thanks for the video. Is there a way to increase the number of navigation links w/o wrapping?

@meetdavidalex 2 года назад

Reduce the font size and spacing? Highly recommend keeping less than 5 links (including the button) in the main navigation).

@meetdavidalex 2 года назад

If you have 1 minute to fill out this survey, it will help us create BETTER content for you in the future: forms.gle/yF7K6oj7EFZNv9jH7

@dsmolks1 2 года назад

Your editing workflow seems completely different than mine. I’m stuck working out of the left panel. Do you know why that may be?

@meetdavidalex 2 года назад

Great question, Derek! It may be that you are on 7.0 and this is 7.1... the newer version of squarespace!

@iamtstamps Год назад

Do you have a CSS or HTML cheat sheet to add this to a SqS 7.0 template? Need to create a header on this site.

@meetdavidalex Год назад

What are you looking to customize on the site?

@iamtstamps Год назад

@@meetdavidalex I'm working on a client's Squarespace 7.0 site with Template Skye - Indigo, and I wanted to figure out a way to use CSS or HTML to have their navigation options show up in the site header vs the hamburger on the left. The client does not plan on changing the template, she just wants the homepage and two sales pages built, which I can do, but I see that the template does not allow a NAV option in the site header without some major HTML configurations, which I want to avoid. They have an e-commerce store with this site and don't want the e-commerce store as the homepage anymore.

@AbductedByRobloxians 2 года назад

I think square space makes it really hard to give yourself a free way of editing the header since these logo and menu tabs have only 3 to 4 limited templates. I still haven't figured out how to move the menu navigation down or up I guess you have to use coding to do so. Really disappointed with square space

@meetdavidalex Год назад

If you want to customize it further, I recommend coding it. Honestly, those four designs they give are best for 90% of websites.