JessScarcella Posted March 31, 2023 Posted March 31, 2023 Does anyone else who works on fluid engine experience line breaks on their buttons? I'm seeing this across all of the sites that I manage. Here is a PW-protected page with an example: https://www.soldbyshira.com/home-copy PW: SR2023 Anyone have a fix for this? Thanks!
Ziggy Posted March 31, 2023 Posted March 31, 2023 Hi @JessScarcella It looks like you're using a mix of FIT and FILL buttons, my general practice when using FIT is to make the block as wide as possible since we know that the columns get squashed narrower on narrow screens. FILL buttons are more tricky, but again trying to make the button block wide enough to cope on a smaller screen is good, but makes the button wider than ideal on desktop, so it's a balance. The Shira's Stats button example could be much wider on desktop and aligned left as a good example of how to avoid the line break on tablet. 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