Jump to content

Weird spacing on Mac's

Recommended Posts

Do you have any specifics? Details, screenshots?

I'm glad it looks fine to you and your colleagues, it's frustrating when your client is the only one that sees a problem! Been there!

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

That looks more like an iPad screen not a MacBook.

Is the concern that the 8 Hours image is quite tall?

You have the height set to M which sets the minimum height to 66vh (i.e. 66% of the viewport height). The sections above and below are set to S i.e. 33vh.

So on a tablet screen this can exaggerate the space.

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
1 hour ago, Ziggy said:

That looks more like an iPad screen not a MacBook.

Is the concern that the 8 Hours image is quite tall?

You have the height set to M which sets the minimum height to 66vh (i.e. 66% of the viewport height). The sections above and below are set to S i.e. 33vh.

So on a tablet screen this can exaggerate the space.

I asked and he said it wasn't a tablet... 

Link to comment

Fair enough, I guess it's a half-width browser window.

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
On 7/12/2023 at 8:49 AM, CaresaCreativeCo said:

Hello,

My client is saying when viewed on his Mac that, there is a distortion of spacing on this site. I have had fellow colleagues check it out on their Mac and it is fine. 

What is causing this issue and is there a code solution? 

Thanks!

arizonaturfmasters.squarespace.com

password: 1234

I agree that does look like an iPad as said prior. The only thing I could think they would be talking about is the logo looks like it should be rounded out and is squished due to header size.

Sayre

Design: (Recently rolled into the Italian Journey under Services)

Author Coordinates: https://bio.site/sayreambrosio

Italian Journey: https://bio.site/ambrosiosjrnyhm

Link to comment

Let me know when you find out what the specific problem is and I will try and help.

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
18 minutes ago, CaresaCreativeCo said:

I have never run into this issue before. 

What is the issue?

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
3 minutes ago, CaresaCreativeCo said:

The weird spacing on Mac.

To help us understand, can you annotate some screenshots and post them here to demonstrate the issue you are seeing?

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

Can you see the issue below? I've tested it on iPhone 8, iPhone 14 Pro Max, iPad, Macbook Pro as well as a 5K Apple Studio display and I don't see anything unusual.

image.thumb.jpeg.bdea510ae74636729e8c6ed973174e7d.jpeg  

image.thumb.jpeg.6c92f11f4433e5dfdb6df12767cc4771.jpeg

image.thumb.jpeg.d944f08fab120e0ff61d0399b8efa2e1.jpeg

image.thumb.png.4db434139d30e196e96d5c5267ff8513.png

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
48 minutes ago, CaresaCreativeCo said:

Yeah, so attached is what it should look like; the attached screenshot earlier in this thread is what the client is seeing on his high res monitor.

Screenshot 2023-07-19 2.06.05 PM.png

Like Paul said above – it looks totally as it should.
But what I encountered with some clients in the past is the fact that they do not comprehend fully the concept of responsive design. Sometimes they expect that webdesign behaves like a static PDF or print document where everything stays at the same place when resizing. I have multiple discussion with some clients until they fully grasp the concept. Maybe it is that – or I oversee something.

Hi. My name is Marc and I live in Berlin, Germany. I offer creatives services which include webdesign, art direction, photography and high end photo retouching. I also design movie & TV posters for national & international clients. I am specialized in everything. You can see my work on my websites - which I also created: www.marcperino.com & www.soapimages.com
spacer.png

Link to comment

T

20 minutes ago, paul2009 said:

Can you see the issue below? I've tested it on iPhone 8, iPhone 14 Pro Max, iPad, Macbook Pro as well as a 5K Apple Studio display and I don't see anything unusual.

image.thumb.jpeg.bdea510ae74636729e8c6ed973174e7d.jpeg  

image.thumb.jpeg.6c92f11f4433e5dfdb6df12767cc4771.jpeg

image.thumb.jpeg.d944f08fab120e0ff61d0399b8efa2e1.jpeg

image.thumb.png.4db434139d30e196e96d5c5267ff8513.png

The button is distorted in tablet view, but nothing else shows. So weird - his had some extra white spacing that messed up the flow of the design. I can only think that it is something wrong with this monitor settings, but he has checked that as well. I know his base resolution is 3840 x 2160. 

Link to comment

You can improve the button design on tablet view by adjusting the horizontal padding, and making them a couple of columns wider.

Go to the styles menu and Buttons and adjust the first value from 2em to 1em.

You could also experiment with having the buttons set to fit instead of fill, but making sure you don't make the block too small.

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.