Rawan Posted September 3 Share Posted September 3 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 Link to comment
Solution Ziggy Posted September 4 Solution Share Posted September 4 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%; } tuanphan and Rawan 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment