Lian Posted January 26 Share Posted January 26 Hi, I use a code on this website to make a hamburger menu on desktop so I think thats the problem with following: I want to hide the header and footer on a salespage and this code in the advanced tab doesnt work: <style> #header, #footer-sections { display: none!important;} </style> Can anyone help me with a code to do so? PW: Anahata12 Link to comment
Ziggy Posted January 26 Share Posted January 26 Can you share the website URL? That code is for hiding the desktop header, you need a different selector for the mobile header. 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) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Lian Posted January 26 Author Share Posted January 26 Sorry, yes https://anahata-coaching.squarespace.com/hsp-hss-4-daagse Link to comment
Ziggy Posted January 27 Share Posted January 27 Add this to the page header code injection: <style> .header .header-announcement-bar-wrapper, #footer-sections { display:none !important;} </style> Or this if you want to hide the announcement bar as well: <style> .header .header-announcement-bar-wrapper, #footer-sections, .sqs-announcement-bar { display:none !important;} </style> Let me know if that works for you. 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) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Lian Posted February 1 Author Share Posted February 1 Hi @Ziggy No unfortunately it doesnt' work. Do you have an other solution? Link to comment
Ziggy Posted February 1 Share Posted February 1 (edited) Hmm, try these selectors instead: .header-display-mobile .header-display-desktop and try adding !important as it seems to need that in my testing. Edited February 1 by Ziggy 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) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Lian Posted February 1 Author Share Posted February 1 hi @Ziggy So i tryed this: <style> .header-display-mobile .header-display-desktop .header-announcement-bar-wrapper, #footer-sections, .sqs-announcement-bar { display:none !important;} </style> Too bad but it is not working 😢 ... Do you think it's because of some other code inflicting? Link to comment
Ziggy Posted February 1 Share Posted February 1 44 minutes ago, Lian said: Do you think it's because of some other code inflicting? Very strange, this is not normally difficult to achieve, but it could be a code conflict with the header code you're using to force a mobile view, but it's hard to help you further without access the website in question. 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) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Lian Posted February 3 Author Share Posted February 3 @Ziggy yes I figured. Can you help me further when I give you acces? With what credentials I can add you? Link to comment
Solution Ziggy Posted February 3 Solution Share Posted February 3 You're welcome to try, I'll send you a DM. 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) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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