Jump to content

Added custom CSS to header but have lost the fixed position on blog page

Recommended Posts

Hi there, 

I'm not sure if I'm even articulating this properly so bear with me! I've added custom CSS to my header to split the navigation on my header which worked great. However, on the blog page the posts are lost under the header now, and I can't work out how to fix the header or to bring the blog posts down.

Can someone help with the code?

Here's what I added for the split navigation. 

.header-nav {
 position: absolute;
 top: 0rem; 

.header-nav-item:nth-of-type(2) {
 margin-right: 50vw!important; 

.header-title {
 z-index: 99!important;



Link to comment
  • Replies 1
  • Views 317
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Hi @mrs_kate_dyson, can you share the url of the page on which you are seeing the issue?

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech

💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

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.