How To Unfix The Header On The Squarespace Tudor Template

The header on the Squarespace Tudor template (part of the Skye Family) is fixed to the top of the screen in desktop view.  This can sometimes take up too much real estate on the page and make it difficult to view as much body text and content as you might want to.

Here is a fix for that.

Simply navigate to your Custom CSS tab from within the backend of your Squarespace website and paste the following text in the provided box.  

/* removed fixed header - begin */
.header-announcement-wrapper{position: relative;}
main#page{margin-top: 50px !important;}
/* removed fixed header - end */

Click 'Save' and your problem should be solved.

 

If this was helpful, please leave a comment.

If this wasn't helpful, please leave a comment and tell me why.

Thanks!