Hoeht-studio Posted August 10, 2023 Share Posted August 10, 2023 Hi, I am looking to get my text block and button to stick while scrolling down the images. I have tried multiple codes found on the internet: @media only screen and (min-width: 768px) { section[data-section-id="61dab313c56928309b50395b"] .sqs-layout > .row > .col:first-child { position: sticky; top: 200px; } } @media screen and (min-width:768px) { .fe-block-13cffe00b613f59e5772 { position:sticky; top:120px; } } When I use the second one on the page inspector it works fine but when I put in in the website tools -> custom css it does not work. Link to comment
Ziggy Posted August 10, 2023 Share Posted August 10, 2023 Can you share the website URL? 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Ziggy Posted August 10, 2023 Share Posted August 10, 2023 It looks like you got the code from here but didn't change the block ID to work on your website: 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Hoeht-studio Posted August 10, 2023 Author Share Posted August 10, 2023 https://www.hoeht-studio.com/hello-baba Password: Minka0520 Link to comment
Hoeht-studio Posted August 10, 2023 Author Share Posted August 10, 2023 I did change it to the corresponding fe code but it is not working. Link to comment
Ziggy Posted August 10, 2023 Share Posted August 10, 2023 Just now, Hoeht-studio said: I did change it to the corresponding fe code but it is not working. Which block are you trying to make sticky? What code did you add to your website CSS? 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Hoeht-studio Posted August 10, 2023 Author Share Posted August 10, 2023 I am trying to make the text stick. I used the following fe code: .fe-block-b772fa8d17556a7bbcab Ziggy 1 Link to comment
Ziggy Posted August 10, 2023 Share Posted August 10, 2023 (edited) So the code you are adding is this: @media only screen and (min-width:768px) { .fe-block-b772fa8d17556a7bbcab { position:sticky; top:120px; } } and it's not working? Edited August 10, 2023 by Ziggy 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Hoeht-studio Posted August 10, 2023 Author Share Posted August 10, 2023 That is correct, when I add it to the web inspection of the page it works just fine. Link to comment
Ziggy Posted August 10, 2023 Share Posted August 10, 2023 There's nothing wrong with the code it works when I test it, I'm not sure why it's not working for you. Have you tried clearing your browser cache? That often helps when CSS isn't being applied. 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Hoeht-studio Posted August 10, 2023 Author Share Posted August 10, 2023 As you can see in the first picture the text is under the order button so it is sticky. Hoever on the second picture (squarespace) the code has been added but the text does not stay in place. Link to comment
Solution Ziggy Posted August 10, 2023 Solution Share Posted August 10, 2023 You have an error on lines 44 or 45 in your Custom CSS, you can see the error message in red, you need to fix that. tuanphan and Hoeht-studio 2 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Hoeht-studio Posted August 10, 2023 Author Share Posted August 10, 2023 I see, it now i thougth the closing bracket on line 45 was part the previous code, this was not the case. It works now, thank you so much for your quick help!! Ziggy 1 Link to comment
Ziggy Posted August 10, 2023 Share Posted August 10, 2023 3 minutes ago, Hoeht-studio said: I see, it now i thougth the closing bracket on line 45 was part the previous code, this was not the case. It works now, thank you so much for your quick help!! No problem, thanks for the like. 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox 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