Jump to content


Recommended Posts

Site URL: https://www.chrisscott.work/photo

This code randomly popped up on my "photo" page on my website right above the header. It also shows up on in mobile form as well. Just to clarify I did not add any coding. I have been using the basic template.


.header-nav-wrapper { -webkit-filter: invert(100%); filter: invert(1); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); }

Edited by iamchristopherscott
Link to comment

If I had to guess you've added CSS to a Page Settings > Advanced > Page Header Code Injection without wrapping it in a style tag.


  .header-nav-wrapper {
    -webkit-filter : invert( 100% );
    filter : invert( 1 );
    filter : progid:DXImageTransform.Microsoft.BasicImage( invert='1' );

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.