WonderlandOllie Posted February 8 Share Posted February 8 Hi All, Need some help adding multiple Custom CSS to my landing page. Currently have code entered to prevent Header appearing on landing page (#collection-63dae2854181e25ad9d09c8e header {display:none}). However when I view my site in mobile view the sole image/link used to enter the site doesn't cover the entire page so I want to make the full mobile landing page a clickable link. Is there a way to make the entire page a link and keep the header code? Thanks! Link to comment
Ziggy Posted February 8 Share Posted February 8 You method of removing the header navigation is removing the entire header which isn't ideal. You probably want to use .header like this: #collection-63dae2854181e25ad9d09c8e { .header { display:none; } } That should help half your question. Can you share your website URL and this landing page? WonderlandOllie 1 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
WonderlandOllie Posted February 9 Author Share Posted February 9 Ahh thanks! Have amended that now. Header was still showing on other pages though, just not landing page so think it was working ok..!? Website is https://www.oliverdavidphoto.com/ Link to comment
Solution tuanphan Posted February 11 Solution Share Posted February 11 On 2/9/2023 at 6:05 PM, WonderlandOllie said: Ahh thanks! Have amended that now. Header was still showing on other pages though, just not landing page so think it was working ok..!? Website is https://www.oliverdavidphoto.com/ Add to Design > Custom CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1675290347156_4010 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } } 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
WonderlandOllie Posted February 11 Author Share Posted February 11 3 hours ago, tuanphan said: Add to Design > Custom CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1675290347156_4010 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } } You superstar! Thanks so much, appreciate it! 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