Header code injection not accessible

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!

Do you have a premium account?

You can't inject code on personal accounts.

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)

I want to inject code to make the navigation bar disappear in a particular page and appear another navigation bar instead. Can this be done in the Personal Plan?

Yes, link to your page and I can get the CSS for you.

https://www.hellencolman.com/

This is the page where I want to put a different navigation bar:

https://www.hellencolman.com/math

To hide the current header add this to design -> custom css

This will only hide on that one page.

#collection-5f25e64798f17912e4b877c1 .Header {
    display: none;
}

Great. It did hide the general navigation bar. Can I add a different navigation bar to this page now?

Thank you!!!

You can make it with the different blocks, or use a code block for html, but you can't add any scripts with a personal plan.

Can I make a general navigation bar with folders titled 1, 2, 3, a, b, c and somehow hide a,b,c from the general page

https://www.hellencolman.com

and hide 1,2,3 for the other page:

https://www.hellencolman.com/math

?

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.

It's in the body tag of the html, but it might be easier to show it only on certain pages. How many pages do you want it displayed on?

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. 

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;
}