Jump to content

Line breaks on buttons in Fluid Engine

Recommended Posts

  • Replies 1
  • Views 301
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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: 
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) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.