Rawan Posted September 3, 2023 Posted September 3, 2023 Hi there, I would like to fix the text blocks on my website so that when scrolling through the images, the text blocks stay in place. Website: https://www.object750.com/ I would like the logo header, 'coming soon' and 'instagram' text blocks to be fixed. Any ideas how to do this? Thank you
Solution Ziggy Posted September 4, 2023 Solution Posted September 4, 2023 You can identify the block IDs and then fix their position on the page like this with Custom CSS: //Coming #block-yui_3_17_2_1_1691333637302_7095 { position: fixed; top: 50%; left: 10%; } // Soon #block-b9911e3618d3d3eddf31 { position: fixed; top: 50%; right: 10%; } //Instagram #block-0083c4e84269bef21a19 { position: fixed; top: 90%; left: 50%; } // Image #block-yui_3_17_2_1_1687106281601_11419 { position: fixed; top: 50%; left: 50%; } Rawan and tuanphan 1 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment