Jump to content

Hide navigation/header/logo & announcement bar on a single page - 7.0 (code I've found not working)

Go to solution Solved by Ziggy,

Recommended Posts

Posted

Hi, I'm putting together a landing page, for a webinar video. My site is produced in 7.0 on the Brine template.

I want to hide navigation/header/logo & announcement bar (everything at the top) on this single page

In the (distant) past, I've successfully achieved this, however today, when I use any of the code injection suggestions that I've found in the forum, everything remains stubbornly in place!

Help gratefully received! Thank you...

Posted

Can you share your website URL and this page?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Oh, sorry, I thought I had... strange... www.studioeff.com/ai-masterclass-landing-page - the page content is still a WIP....

Posted

I also can't seem to get the background colour to change just for this page. It seems the techniques that I've used in the past no longer work... sigh... this colour: #BAE3E1.

Any help you can offer would be very gratefully received... TYIA Fran 🙂

Posted

I can't see your website with that link. Can you add a site wide password?

https://squarefortytwo.com/squarespace-guides/add-a-site-wide-password-to-your-squarespace-website

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

soooo sorry, that's because there was a spelling mistake in the URL www.studioefef.com/ai-masterclass-landing-page - this is the correct link

Posted

Try adding this to that page's header code injection:

<style>
  header, .sqs-announcement-bar-dropzone {display:none !important;}
</style>

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

I tried that but it looks unchanged... and it comes up with the same 'error' highlight that I'm experiencing with everything I try....

CodeInjection.jpg

Posted

Very strange. What error highlight?

Would you be open to adding me as an Admin to the website so I can help directly?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

just as you see in the attached graphic - where </style> is highlighted (perhaps that's not an indication of an error but I just perceive it to be)

do you have any other suggestion please?

Posted
2 minutes ago, fran said:

just as you see in the attached graphic - where </style> is highlighted (perhaps that's not an indication of an error but I just perceive it to be)

Correct, that is just indicating the corresponding start/end tag, not an indication of an error.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted (edited)

OK thank you, well then, there isn't an error indicated, but the code had no effect... do you have any other suggestion please?

Edited by fran
Posted
10 minutes ago, fran said:

the code had no effect...

Yes, clearly not working. 

2 hours ago, Ziggy said:

Would you be open to adding me as an Admin to the website so I can help directly?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

It's very late here (australia) - I'm about to sleep. I really appreciate the suggestion for an admin connection but is there anything I can try independently please?

Posted
55 minutes ago, fran said:

is there anything I can try independently please?

The code I gave you works when I test it, I would need to do some local troubleshooting to be able to understand and hopefully fix the problem.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Hi Ziggy, I hope you had a lovely weekend. Do you have an email address you can share so I can give you admin access please? Thank you, Fran

  • Solution
Posted

Here's the solution to add to Custom CSS, this hides the header, announcement bar, footer, and changes the page background colour.

#collection-65d6d25eb4382b60d30c2b39 {
  .Header, .sqs-announcement-bar-dropzone, .Mobile-bar, .Footer {
    display:none;
  }
  .Main {
    background-color: #A9CDCD;
    min-height:100vh;
  }
}

You can use this guide to find collection IDs:

https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Thanks a million to Ziggy for being extremely helpful. I can't describe how awesome it is to finally be over this obstacle. I appreciate it soooo much 😁

Posted
1 hour ago, fran said:

I didn't realise it was yours until now

It's not mine, I just like sharing great tools.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
1 hour ago, fran said:

Thanks a million to Ziggy for being extremely helpful. I can't describe how awesome it is to finally be over this obstacle. I appreciate it soooo much 😁

Happy to help!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.