Mobile Design differs (in Squarespace Editor vs. actual mobile version=

Hi everyone

When I design a website for mobile responsiveness I often have the issue, that text elements do not look the same while designing and then actually on he mobile device (not the best explanationI know, but see attached files)

In this case: On mobile, the features "Eventplanung & Koordination" and "Planung von Geschäftsausflügen" use 2 lines, instead of only 1 as designed.

The website in this case is saraleewalser.ch

How can I avoid/fix this?

3 hours ago, zimmpy_marketing said:

When I design a website for mobile responsiveness I often have the issue, that text elements do not look the same while designing and then actually on the mobile device

All mobile devices have different resolutions and aspect ratios so it's normal for things to look slightly different. The responsive nature should make the elements wrap when necessary on mobiles. Here are some different examples.

That said, there are some issues on Tablet.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thanks @paul2009, that makes sense!

Well, how can I adjust the website for tablets? 😅

On 11/9/2024 at 4:51 AM, zimmpy_marketing said:

how can I adjust the website for tablets?

It depends why you are facing an issue.

Squarespace Fluid Engine sections don't generally give a good layout on tablets 😢. Personally I still use Classic sections (the old editor). Having said this, it may be worth reviewing any Custom CSS that you have added as some of the issues in the screenshot look like they may be caused by code that is causing an an overflow on the x-axis.

Did this help? Please give feedback by clicking an icon below  ⬇️