Search the Community

Some custom code to remove header on Entire Site - One Page Support: SS 7.0 & SS 7.1 Notes: Add to Home > Design > Custom CSS To remove on one page, wrap code in <style>paste my code here</style> and insert to Page Settings > Advanced > Header if you use Personal Plan, you want to remove header on One Page, you can add Page ID to before the code, eg: body#collection-abcxyz123 header#header {display: none;} If you have any questions, just comment below/send me a message via link in signature Avenue header#header { display: none; } div#mobileMenuLink { display: none; } Aviator header#header { display: none; } Bedford Family Include: Anya, Bedford, Bryant, Hayden, Bedford header#header { display: none; } Brine Family Include: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. /* Hide Header */ .Header { display: none !important; } Farro: Include: Farro, Haute .Mobile-bar { display: none; } header.Header { display: none !important; } Five div#navigation-top { display: none; } nav#mobile-navigation { display: none !important; } Flatiron header#topBar { display: none; } Forte div#headerWrapper { display: none; } Ishimoto header#header { display: none; Momentum header#header { display: none; } Montauk Include: Julia, Kent, Montauk, OM header#header { display: none; } Native header#header { display: none; } Pacific Family Include: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific header#header { display: none; } Skye Family Include: Foundry, Indigo, Ready, Skye, Tudor div#headerAnnouncementWrapper { display: none; Tremont Include: Camino, Carson, Henson, Tremont header#siteHeader {display: none;} Wexley header#header { display: none; } /* Mobile */ div#mobileMenuLink { display: none; } York Family Include: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York header#header { display: none; } Squarespace 7.1 header#header { display: none; }

I have a site in 7.1 with an overall width I like in Site Styles/Site Spacing but use an embedded script in a code block that I'd like to span 100% of the browser window OR a larger px value in the Site Styles/Site Spacing site-wide settings. (Ideally, I'd like this to not affect the header or footer on the page, but if it did, that'd be OK.) I just want it for this single page and can't find a way to break the page's content area container. It's not in the Format options for the content, as that limits me to the site space. Is there a place to force some CSS or other override for this single page?

Site URL: https://www.doit4wfoundation.com Hi all- I launched my website today and ran into an issue on mobile. I noticed when I go into individual events pages, the arrows that display at the bottom of the page (to navigate to other events) are overlapped and look bad. it also extends the width of the page making it uncentered and just doesn’t look clean. I either want to remove the navigation arrows section completely or just remove the event titles or make them smaller. Does anyone know a code or formatting to correct this issue? I need my event page and don’t want it to look bad on mobile. thanks!

Site URL: https://tarantula-porcupine-bkrr.squarespace.com/ Site password is 1234 Hi all, I'd like to add scientific articles (Just title, citation, abstract, and link) to our site. Is there any way to add automatic pagination to a specific page, so that when a certain page length is hit it moves the last item or so to a "Next" page, which moves its last item or so to the subsequent page, and so on? Any help would be greatly appreciated. Thanks!

Hi guys! I've seen a few websites with parallax scrolling on one of their pages and then the next page below is enabled. I think that's such a cool feature that I would love to implement. I searched the web for a long time to try to find the code for this but I just got this link https://blog.alexgittings.com/disable-parallax-on-one-squarespace-page/ with a code, but I have no idea where to put the code as it's poorly described. THIS IS WHAT THE ARTICLE SAID: To do this you will need to inject a script into the page. Navigate to the page cog and select advanced and enter the following: <script> Static.SQUARESPACE_CONTEXT.tweakJSON["tweak-overlay-parallax-enabled"] = false; </script> Once saved the parallax feature for that page should be disabled. But I have no idea where to put this code. Do any of you have any suggestions or know of another way? Thank you! Eager to hear back 🙂

Many versions of this question have been asked, but I'm a small business owner brand-new to Squarespace, I'm using 7.1, and so far none of the CSS solutions from previous versions of Squarspace seem to be working for me. I want to change the logo for individual pages - on my home page, I want my logo in its normal full-color form. For the rest of the pages, I want it to be all in white (this is to keep it visible against the backgrounds I'm giving it). I have the two separate versions of the logo (color and white). The color logo is currently on all of my pages, and the white logo is uploaded in my custom files. Is there a bit of CSS code that I can use to replace the logo in the header on any one page? Again, there are lots of answers to this already, but none are working, and I suspect it's because I am using 7.1. The answers all seem to be template-specific, but as far as I can tell, all of the templates are similar in 7.1, and I can't change my template to try different ones (??) Sorry if my question was confusing. Thank you!

Site URL: https://www.talyasanders.com Hi, I'm trying to change the logo I use on my homepage so it's different than the ones on all other header pages of my site -- for legibility, I need different colors in the logo. I can't figure out how to do that! I'm using Version 7.1 and I think this is my Template ID: 5c5a519771c10ba3470d8101. Thanks!

Site URL: https://mayordanaralph.squarespace.com/ Hey all, had a question about Tablet View and how its affecting my content on a specific page (.collection-type-index #danas-priorities). Site PW: bluemini On Desktop and Mobile it looks fine, but Tablet view is doing something wonky. I'd like to make 4 images with text across the screen work for each 'column', but three would work. Just not sure how to do this.

Site URL: https://www.bellanae.co/ I'm trying to figure out if it's possible to create a page on my site , say "Custom Orders" that will be hidden to the everyone unless you have the specific url to access that page or a specific product on that page to purchase the item & check out as normal.

Site URL: https://youtu.be/cKxhyVtgBTc Hey there Squarespacers! Becca here with a free training on the brand new type of page section available in Squarespace - List Sections. 😍 List sections are kinda like collection pages; they contain multiple items in one place. You can have a title and button for each section, and then an image, title, description, and unique button for every item in the list. There are three kinds of layouts and all kinds of cool settings available for each! In this video you’ll learn how to add a list section to a page, change the content, and some of the settings that you’ll need to know when creating your own. I wanted to post it here for anyone curious about giving this new kind of page section a try! Here is a link to the video on YouTube; enjoy:

Site URL: https://www.sumofeight.com/ When a product on my shop is sold out, on both the product page and the main shop page a 'currently unavailable' message appears. I like it on the product page, but on the main product shop page its bold and I dislike it being there. Does anyone know a way of turning it off but not the message on the specific product page? Thank you! Ps. Right now on the website there is still items available, so this message doesn't appear, but products are close to selling out so I am planning in advance!

Site URL: https://my-recruiting-assistant.squarespace.com/recent-commitments I am using Squarespace 7.1 and want to make the header on one page ONLY not transparent (https://my-recruiting-assistant.squarespace.com/recent-commitments is the page) THANKS!

Site URL: https://www.philipslotte.se/ Hello, I would like to remove the gap between the images and header on my homepage: https://www.philipslotte.se/ without affecting any of my other pages. I've been searching around on Google and other forums to find a solution but I haven't found anything that works yet. I would really appreciate some help. Thanks in advance.

Site URL: http://www.CentralTexasCC.com I am very new to Squarespace. I would like to make new pages that do not appear in the header. How do I do that?

Site URL: https://seahorse-hexahedron-j6d5.squarespace.com I would live to remove the logo from only my homepage on this draft site. password 1313 I have tried this but it did not work... .homepage #header #logoImage { display: none } thanks

How can I change the site background and cavas color for my information page without changing the color of my other pages?

I'm trying to get a transparent header on Almar (V. 7.1). I only need this on one page so that I can have a black header on all of the other pages and have my logo show through on a banner image on the main page. Any help would be appreciated.

Site URL: http://www.oval-aqua-9hna.squarespace.com Hey guys, I'm looking to see how I can change where the "Back" button links to on the product page. Right now, it links to back to my print store (where it says "Back to prints") I've attached a screenshot for a preview of what it looks like right now. Any suggestions? Thank you -Jeff

Site URL: https://impala-kale-4y3e.squarespace.com/ Hi I have made my layout on a subpage without realizing and want to have the finished subpage as a main one. How do I merge the subpage to be the main one? Kind regards, Esben

Site URL: https://www.bakytz.com/films I'm trying to use custom CSS to make the background image fixed in position. I've tried this code based on what I've been able to search on the forum but no luck. Any help would be appreciated! Thank you. section[data-section-id="6067f1724b304453da666c4d"] .section-background { position: fixed; scale: 100%; }

Site URL: https://www.bengoodman.com/c-v Hi! I've got my site pretty much exactly where I want it. On mobile version, everything looks fine EXCEPT for the "cv" page which becomes a mess with formatting. How can I ignore the mobile version and display desktop version of only this page on mobile devices? If you test that link on mobile you'll see exactly what I mean. Many thanks!

Site URL: https://www.abitorange.com/digital-quilting-patterns-1 Hi, I have difficulty to upload further product to the page (https://www.abitorange.com/digital-quilting-patterns-1) as i have reached 200 products limits... I want to add "Next page" like we have on google webpage or amazon stores etc, so that my customers are directed to the next page and i keep posting my products under this single title page..... Any help will be highly appreciated. Khan

Site URL: http://differentkennedy.com/apparel Is there a way to dictate the page padding on a single page? Specifically would like the index individual pages to appear higher and the padding between the page + index navigation to be much smaller. Attached image for reference of specific padding areas. [Want applied to all pages pulled from within that index page but not the rest of the site]

Site URL: https://www.hawaiidata.org/state-budget-1 Hello, I'm working on a new page that includes many large and complex Tableau visualizations: https://www.hawaiidata.org/state-budget-1. For this page, I want to disable the mobile view setting entirely, and have mobile/tablet users experience the desktop view the same way desktop users will, using zoom in/out. How can I make this happen?

How would I hide the Page Title on a page other than the home page. I'm using Five template. (by "Page Title", I mean the Page Title text that overlays on top of the Banner image). e.g. how would I hide the Page Description for a page like: http://mysite.com/about orhttp://mysite.com/contact thanks!