Jump to content

Space above sticky header on York!

Recommended Posts

Hi there!

I've put a Sticky header into a site built on York, and it works perfectly on the index pages, but on the Contact, About and Press pages, there's a big gap above the Nav Bar. I want the coloured Nav bar to remain glued to the top of the screen as it is on the Index Page.

 

What's wrong with this code? It's bits I've grabbed offline and put into the custom CSS section. I don't know how to code so it's total guesswork and any help would be hugely appreciated. I've attached a screengrab of the index, where the navbar sits at the very top of the screen how I want, and the about, which has the horrid gap.

 

#header { 
   position:fixed; 
   z-index: 1;
   background-color: #402C30;
   padding-top: 13px;
   width: 100%;
   padding-bottom: 13px;
   margin-top: 0px;
 }

@media only screen and (min-width: 760px) {
   .site-page {
       padding-top: 40px !important;
   }
}

Screenshot 2020-05-06 at 18.30.00.png

Screenshot 2020-05-06 at 18.27.58.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.