Jump to content

Automatic resizing ruining my layout. Workarounds?

Recommended Posts

 

Hi, I've been working on my first ever squarespace page, and one thing that I've noticed is that often times I'll have a design in mind for the way I would like something to be laid out on the page, but upon trying to actually implement it, it seems clunky or impossible. One thing I've been working on lately is just a bulleted list of links with multiple columns, as pictured below. This has proved to be incredibly frustrating and difficult, and every iteration I've tried of has had some sort of issue. In this example, I have two text boxes side by side, with 4 bullet points each. When I resize the window, it looks awful as it tries to rescale the text and rearrange the elements to get them to fit. I understand most people will use the site in full screen, which will be fine. But what about those who don't? Or those who shrink it just to move it for a second? It would leave a bad impression.

There may be a simple layout solution for this specific issue, but that doesn't solve the greater problem, being that the system that automatically scales and formats everything is taking away a lot of the control that I wish I had. Most websites that I've ever used just crop once you get to a certain size. Is that possible?

In the meantime, any short-term solutions to this specific issue or guidance for working with it long term would be MUCH appreciated.

image.thumb.png.41221087f48aaf2d26d32178f8df458c.png

Link to comment
  • Replies 1
  • Views 1.7k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share your website URL and site wide password if it's not live?

It looks like you may be making your blocks narrower than necessary. The Contact Me! suggests that the block is making the text wrap because it's quite small, but since you have no content either side you could make that text block the full width of the grid. This same principle of keeping the grid narrowing on smaller screens in mind as you are designing and giving your text or content enough room on a big screen so that it still looks good on a small screen. It may be helpful for you to redo the design on a smaller screen. You may also want to address how wide your canvas is (setting in style -> spacing) as in the example it looks like you are leaving lots of blank columns (this may not be the best idea for your design, but I only have one example to look at).

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) 

 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.