Jump to content

I can't hide my header and footer

Go to solution Solved by Ziggy,

Recommended Posts

Hey guys, I feel like I've done this 100 times, but for some reason this time I can't hide my header and footer on a specific page.

The site is using version 7.0 and I've tried using this:

<style> 
  #header, #footer-sections { 
    display: none;
  } 
</style>

and this:

<style> 
  .Header, .Footer { 
    display: none;
  }
</style>

and neither are working. Please help 🙂

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

Looks like add !important to to each of the display:none; should do the trick.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
☕
 Did I help? Buy me a coffee?

Link to comment

Try adding this to what you already have:

.tweak-mobile-bar-top-fixed .Mobile-bar--top {
    display: none !important;
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
☕
 Did I help? Buy me a coffee?

Link to comment
8 minutes ago, Ziggy said:

Try adding this to what you already have:

.tweak-mobile-bar-top-fixed .Mobile-bar--top {
    display: none !important;
}

This is perfect. One more question- and its related to this page but a different question if I need to open another post I will...how do I make these buttons all the same width on the page I mentioned above?

Link to comment

No need to open a new thread, add this to your Custom CSS:

#collection-63c8097b9f57561f5d604f40 {
  .sqs-block-button .sqs-block-button-element--medium {
     width: 360px;
     max-width: 70%;
  }
}

Give me a thumbs up if that helped, thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
☕
 Did I help? Buy me a coffee?

Link to comment
3 minutes ago, Ziggy said:

No need to open a new thread, add this to your Custom CSS:

#collection-63c8097b9f57561f5d604f40 {
  .sqs-block-button .sqs-block-button-element--medium {
     width: 360px;
     max-width: 70%;
  }
}

Give me a thumbs up if that helped, thanks!

Not looking like it worked. The .sqs-block-button stuff is coming up in red, as well.

Link to comment
#collection-63c8097b9f57561f5d604f40 {
  .sqs-block-button .sqs-block-button-element--medium {
     width: 360px !important;
     max-width: 70% !important;
  }
}

Try that instead.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
☕
 Did I help? Buy me a coffee?

Link to comment
1 hour ago, Ziggy said:
#collection-63c8097b9f57561f5d604f40 {
  .sqs-block-button .sqs-block-button-element--medium {
     width: 360px !important;
     max-width: 70% !important;
  }
}

Try that instead.

Still not working 😕 

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.