Squarespace Tutorial - How To Remove Header Navigation From Squarespace Page | Phil Pallen

TL;DR

Learn how to hide the header on Squarespace pages for a streamlined look with a strong call to action.

Transcript

it sounds like you're wondering how to remove the header or navigation from a squarespace page i can help you with that on this channel i talk a lot about squarespace personal branding and social media as well as practical advice to look good online if those topics interest you i'd love to have you around here a little more often consider subscribi... Read More

Key Insights

• 📟 Removing the header on Squarespace pages can create a more focused design for specific purposes like sales pages.
• 👨‍💻 Two methods, CSS and code injection, are available to hide the header based on personal preference and site development complexity.
• 👻 Using the code injection method allows for easier replication of hidden headers on other pages.
• 🆔 Finding the collection ID is crucial for implementing the CSS method accurately.
• 🎚️ Consider the level of site development before choosing a method to hide the header on Squarespace pages.
• ❓ Avoid using both methods simultaneously to prevent conflicts in the website's CSS.
• 👨‍💻 The code for both CSS and code injection methods is provided in the video description for easy implementation.

Questions & Answers

Q: How can I remove the header on my Squarespace page?

You can hide the header using CSS with the collection ID or by pasting code in the code injection section of the specific page.

Q: Why would I want to remove the header on a Squarespace page?

Removing the header can create a more streamlined look, perfect for sales pages or landing pages with a strong call to action.

Q: Which method is preferred for hiding the header on Squarespace pages?

The code injection method is preferred for its simplicity when replicating pages and ease of use for future development.

Q: How can I find the collection ID for a specific section on my Squarespace page?

Install the Google Chrome extension called Find Squarespace IDs to easily locate the collection ID of each section on your page.

Summary & Key Takeaways

• Tutorial on two methods to hide the header on Squarespace pages.

• Use CSS or code injection to achieve a clean, focused design.

• Choose one method based on site development level for a seamless process.