Jump to content

Hide header action button on single page (not all pages)

Recommended Posts

9 hours ago, sigune100 said:

Hello,

I am trying to hide the Header action button on a single page. I don't want to hide the button on all pages. Just one page. Can anyone advise me on how to do this?

TIA!

I think we can use CSS for you page id that need to hide the button.

#pageid .header-actions--right {
	display: none;
}

Use Squarespace ID Finder extension to find your page id: http://recordit.co/qwnj09oNCa

If you can not go through with Css code, kindly share your site with the protected password so we can take a look 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Just a suggestion, instead of finding page id, you can edit page >> add a Code block (anywhere on page) >> Use code with <style> tag

<style>
  .header-actions--right {
	display: none;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 weeks later...
On 1/1/2022 at 3:14 AM, tuanphan said:

Just a suggestion, instead of finding page id, you can edit page >> add a Code block (anywhere on page) >> Use code with <style> tag

<style>
  .header-actions--right {
	display: none;
}
</style>

 

@tuanphan when I use this code - it shifts my entire logo & menu navigation (that is center aligned) to where the button used to me (which was right aligned)  Any code recommendations to adjust accordingly? Thanks!

Link to comment
On 1/19/2022 at 6:08 AM, Fishlette said:

@tuanphan when I use this code - it shifts my entire logo & menu navigation (that is center aligned) to where the button used to me (which was right aligned)  Any code recommendations to adjust accordingly? Thanks!

Try this new code, if it doesn't work, please share link to your site

<style>
  .header-actions--right {
	visibility: hidden;
    opacity: 0;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.