Adri17480 Posted December 8, 2022 Share Posted December 8, 2022 Site URL: https://electricinside.squarespace.com/travel Hi there, I'm wondering if anyone can help me make a text block on the side of a page sticky? I have this block on the left side of the page which is functioning as a navigation bar with links to the text. I would like to make it sticky so that it stays in place as you scroll down the page. I've read quite a lot on how to do this (targeting the block then adding position: stick etc) but for some reason nothing I try seems to be working. Any help would be much appreciated! Link to comment
Solution Ziggy Posted December 9, 2022 Solution Share Posted December 9, 2022 You can try adding this to your Custom CSS: @media screen and (min-width:768px) { .fe-block-13cffe00b613f59e5772 { position:sticky; top:120px; } } You need to use the .fe-block- class rather than the block class. Let me know if that works! 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
Adri17480 Posted December 9, 2022 Author Share Posted December 9, 2022 Hi @Ziggy, it worked fine! Thank you 😀 Just to be clear, if I want to perform this on another block I just have to look for this kind of ID right? (I am really new to all of this as you can see) Link to comment
Ziggy Posted December 9, 2022 Share Posted December 9, 2022 Very close! But it's the unique block class you want for this operation (highlighted yellow): Since it's a class you want to use a period in front. i.e. .fe-block-......... In most other CSS situations that id you highlighted in red works just fine. 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
Adri17480 Posted December 9, 2022 Author Share Posted December 9, 2022 Oh okay I see! Thank you very much and have a nice day 😀 Ziggy 1 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