Jump to content

Issues with text on different browsers - text is cut off on some browsers

Recommended Posts

Site URL: https://www.sabinelemke.de

Hi there,

strange issue here: text is cut off on different devices or browsers.

Maybe someone knows whats happening and how to handle this.

In the pictures below you can see on the right, how the text looks on my side (tested on MacBook Pro with Safari and Chrome and on my IPhone) and on the left side is what my client is seeing on her devices...

You see the text is cut off on the top.

I tried to adjust the line height of the headlines, but what happens is, the cut just moves somewhere else. Like higher or appears on the first line of the headline --> "Sichtbar und" is beeing cut off instead of "einzigartig"

So to me it seems to be the right thing to adjust, but how can I make sure the headlines look good on all devices and browsers?

Anyone an idea how to solve this?  

I'm not sure if this is the right thread to post it to...sorry

Thank you.

1.jpg

2.jpg

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

2 minutes ago, ka_scal said:

strange issue here: text is cut off on different devices or browsers.

It all looks fine to me - exactly as it does for you.

I recommend you check which browser your client is using and crucially, which version they have. If it isn't the latest version, they should upgrade and retest because they'll see unpredictable results with older browsers. 

Latest versions today:

latest-browsers-6apr2022.png.fddd76336bb97568adba0428fc7ac94d.png

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
1 hour ago, paul2009 said:

It all looks fine to me - exactly as it does for you.

I recommend you check which browser your client is using and crucially, which version they have. If it isn't the latest version, they should upgrade and retest because they'll see unpredictable results with older browsers. 

Latest versions today:

latest-browsers-6apr2022.png.fddd76336bb97568adba0428fc7ac94d.png

She is using Safari, but I din't ask about the version...I'll check now. Thanks for this!

Link to comment

Site URL: https://www.sabinelemke.de

 

Hi there, 

seem like the custom font CSS is not working properly on the latest Safari browser, version 15.4

Since I updated it, some of the headlines get cropped and I can’t figure out why?
How can I make the custom font work everywhere? 

On the attached pics you can see how some headlines are cropped.

Can anyone tell what’s wrong?

thank you 🙏

Bildschirmfoto 2022-04-06 um 17.12.56.png

Bildschirmfoto 2022-04-06 um 17.12.30.png

Link to comment
7 hours ago, ka_scal said:

Site URL: https://www.sabinelemke.de

 

Hi there, 

seem like the custom font CSS is not working properly on the latest Safari browser, version 15.4

Since I updated it, some of the headlines get cropped and I can’t figure out why?
How can I make the custom font work everywhere? 

On the attached pics you can see how some headlines are cropped.

Can anyone tell what’s wrong?

thank you 🙏

Bildschirmfoto 2022-04-06 um 17.12.56.png

Bildschirmfoto 2022-04-06 um 17.12.30.png

@paul2009 @tuanphan do you know how to make this work on the latest Safari Version 15.4? Thank you

Link to comment

Hey @ka_scal

I'm not seeing any issues with the site on 15.4 (see below). Perhaps this user has installed something (a privacy tool or ad-blocker?) that is causing the issue?

136956950_Screenshot2022-04-08at20_45_43.thumb.png.97579b25846011d803c0f13a7277852c.png

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

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.