Jump to content

Header code injection not accessible

Recommended Posts

Site URL: https://www.screencast.com/t/jejJvOjXn

I'm attempting to add some code to the header as I have done before, however the code input text field is not allowing me to click on it or enter any text/code. Am I missing something here? I've added a screencast video link showing the problem.

Steps to reproduce:

1. Go to page in the Squarespace editor.
2. Select the gear beside the page name.
3. Under 'index settings' click on Advanced.
4. Attempt to click on the "PAGE HEADER CODE INJECTION" section.

Nothing happens and I've tried it on a few different sites that I have.

Thanks!

Link to comment

Page Header supports Business Plan higher only

Which code do you want to use? Sometimes you can convert to Custom CSS (Personal Plan supports CSS)

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...

I found a way around by using content links. 

Can you please send me the code to hide the navigation bar for the following pages? 

https://www.hellencolman.com/math/publications

https://www.hellencolman.com/math/conferences

https://www.hellencolman.com/math/teaching

https://www.hellencolman.com/math/collaborators

https://www.hellencolman.com/math/contact

Or just tell me where this 

#collection-5f25e64798f17912e4b877c1

that appear in the original code you send me come from so I can look for the identifier of these pages.

Link to comment

I don't understand. Do I have access to the html code to see those numbers? Where exactly?

If not, please send me the code to hide the nav bar from these pages:

https://www.hellencolman.com/math/publications

https://www.hellencolman.com/math/conferences

https://www.hellencolman.com/math/teaching

https://www.hellencolman.com/math/collaborators

https://www.hellencolman.com/math/contact

It is only these ones the ones that I want no nav bar. The others, the ones where I want the nav bar to appear, are many more. 

Link to comment

I found the answer in case that someone else is looking for the solution to hide navigation bar from a concrete page.

Go to the url of that concrete page. In Chrome's main menu select View >Developer > Developer Tools. There you see the body tag and Collection ID within double quotes. "collection-xxxxxxxxxxxxxxxxxxxxxxxx"

Where xxxxxxxxxxxxxxxxxxxxxxxx is the unique ID of that particular page you want to hide the nav bar from.

Then add in your Custom CSS the code:

#collection-xxxxxxxxxxxxxxxxxxxxxxxx .Header {
    display: none;
}

 

Link to comment

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.