Jump to content

Header: Font is fixed / Background Colour is not

Recommended Posts


I made a fixed-navigation header with this code:

.site-header {
position: fixed;
z-index: 10000;
width: 100%
.Site-inner { padding-top: 100px; }
(The fat text "site-header" is the header class name defined in your template and should work for everybody.)

But if you checkout my website for instance https://www.kleindinst.at/dataprotection or the picture attached you can see that it's only the font that is fixed.
I would like to have a black background full width behind the header text that overlaps the rest of the website-content when I am scrolling.

It would be great if someone could help out.
My template is "Flores".


Bildschirmfoto 2020-01-29 um 16.00.26.png

Link to comment
  • Replies 0
  • Views 204
  • 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.