micol1988 Posted November 12, 2021 Share Posted November 12, 2021 Site URL: http://raccontamilitalia.com Hi guys!! I have recently created a landing page with Squarespace. I have a code to fill in in order to remove the header and the footer (This code was given to me by the professionals who are helping me to launch my business) but somehow it doesn't work. Does it have to do with the template I 've chosen for my landing page and my whole web site? How can I get a suitable code? Thanks in advance!! I am not familiar at all with this kind of processes. Micol Beyondspace 1 Link to comment
Solution Beyondspace Posted November 12, 2021 Solution Share Posted November 12, 2021 22 minutes ago, micol1988 said: Site URL: http://raccontamilitalia.com Hi guys!! I have recently created a landing page with Squarespace. I have a code to fill in in order to remove the header and the footer (This code was given to me by the professionals who are helping me to launch my business) but somehow it doesn't work. Does it have to do with the template I 've chosen for my landing page and my whole web site? How can I get a suitable code? Thanks in advance!! I am not familiar at all with this kind of processes. Micol Which is the code you used for the purpose? Also what is the site password micol1988 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
micol1988 Posted November 12, 2021 Author Share Posted November 12, 2021 My site password is ItaliaAmoreMio the code is <style> .Header-nav { display: none; } footer.Footer { display: none !important; } </style> Link to comment
tuanphan Posted November 14, 2021 Share Posted November 14, 2021 Did you solve or you still need help?? micol1988 1 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
Beyondspace Posted November 14, 2021 Share Posted November 14, 2021 (edited) On 11/12/2021 at 6:59 PM, micol1988 said: My site password is ItaliaAmoreMio the code is <style> .Header-nav { display: none; } footer.Footer { display: none !important; } </style> You can try adding to Home > Design > Custom Css /*hide header and footer*/ #collection-617c63e1f7ae88529a66739f #header{ display: none; } #collection-617c63e1f7ae88529a66739f #footer-sections { display: none; } You can change the id #collection-617c63e1f7ae88529a66739f with the page id of your page to set display for a specific page Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too Edited November 21, 2021 by bangank36 update the backslash micol1988 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Beyondspace Posted November 14, 2021 Share Posted November 14, 2021 (edited) To find the right page id you can install and use the Squarespace ID Finder extension Here is how to use it: http://recordit.co/qwnj09oNCa Hope that it can help you Edited November 14, 2021 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
micol1988 Posted November 21, 2021 Author Share Posted November 21, 2021 Hi!! Sorry for the delay but I have been abroad and off line for a week. I have just followed your instructions but somehow that's how it looks now: Link to comment
micol1988 Posted November 21, 2021 Author Share Posted November 21, 2021 Unfortunately I still haven't solved the problem. Is there a way I can hide the header? Link to comment
Beyondspace Posted November 21, 2021 Share Posted November 21, 2021 2 hours ago, micol1988 said: Unfortunately I still haven't solved the problem. Is there a way I can hide the header? Hi, you can try removing //hide header and footer or replacing it with /*hide header and footer*/ micol1988 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
micol1988 Posted November 22, 2021 Author Share Posted November 22, 2021 55 minutes ago, bangank36 said: Hi, you can try removing //hide header and footer or replacing it with /*hide header and footer*/ Thanks for your help, really!! However, it's unfortunately still there *sigh* :(( Link to comment
Beyondspace Posted November 22, 2021 Share Posted November 22, 2021 (edited) 20 minutes ago, micol1988 said: Thanks for your help, really!! However, it's unfortunately still there *sigh* :(( I can see there are 2 #, pls remove one and check your site again In addition of that, make sure you put the codes in right place: Home > Design > Custom Css Edited November 22, 2021 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment