firecrackermedia Posted March 14 Share Posted March 14 Hi All, I added a code block + footer injection to create a typewriter effect for my homepage. It looks great in preview mode - but when I set my site live to test out a page - I noticed that when the text effect "deleted" that section jumped and the photos elongated. Any suggestions on how I can tweak the code and remove this issue? Thank you! Screen Recording 2024-03-14 at 10.58.40 AM.mov Link to comment
Solution Ziggy Posted March 14 Solution Share Posted March 14 It looks like the text is stretching the block and grid, and when going between 1 and 2 lines you get a layout shift. If you make the block taller do better accommodate the content does that help? firecrackermedia 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! 🔌 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
firecrackermedia Posted March 14 Author Share Posted March 14 I can't believe it was that easy! I was going through my code with a fine tooth comb thinking I made a typo somewhere, I completely forgot about Occam's Razor... Thanks so much! 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