Jump to content

Template Hart | help with transparent header while scrolling.

Recommended Posts

Site URL: https://www.studio-woodstock.com

Hello,   I am using the Hart template on squarespace 7.1 version.  My ideal header is one that stays fixed and transparent as the user scrolls.  As of right now, the header on the page is transparent and fixed at the very start of the page.  As soon as one starts scrolling the header goes black. 

I have done some research in the forums and I found a topic similar to my question.  The problem is the css that was provided in the forum does not work.

CSS I pasted from the above mentioned forum post:  

.header#header {position: fixed!important;}

.header-nav-folder-content {
   background: transparent!important;


.tweak-fixed-header .header .header-announcement-bar-wrapper {
    background: transparent !important;

I tried pasting these separately and together within the separate css editor via the design link and within the pages link of each individual page.  

any help with this would be much appreciated.  the webpage is:


password: skyler


Thank you for your time,

Skyler Smith

Link to comment
  • Replies 0
  • Views 230
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.