Text line spacing across desktop and mobile

blacktower

Hi,

I'm having some issues with text formatting across desktop and mobile. If I use anything smaller than double line spacing in textboxes, the text becomes crammed when viewed on a mobile device. I've had to use double spacing so that it looks alright on both, but I would really rather having single spacing across both desktop and mobile.

My site is blacktowerprojects.com if that helps.

Thanks,
Phil.

mariusjopen

Hi @blacktower

So you cannot change the textformat for your mobile device?

0_1507883758243_Bildschirmfoto 2017-10-13 um 10.35.24.png

Let me know :-)

Marius

blacktower

Hi @mariusjopen

I can only change the line height within text boxes - and that makes changes across both desktop and mobile. Although, I may have missed something as I can't quite work out where that screenshot was made!

Cheers,

Phil.

mariusjopen

Hi @blacktower

Have a look in textformats:
0_1508315429547_Bildschirmfoto 2017-10-18 um 10.30.07.png

Let me know if you need further help!

Best!

Marius

Surpluss1

I'm having the same issue. Changing the text formats won't work as you can't use two different text formats for mobile and desktop.

Here is how it looks like on desktop:

1_1539284162385_2018-10-11 20_54_50-Bjørn Martin Saastad — Graphic Design.png 0_1539284162384_2018-10-11 20_55_20-Bjørn Martin Saastad — Designated.png

and here is how it looks like on phone:

1_1539284185072_2018-10-11 20_55_02-Bjørn Martin Saastad — Graphic Design.png 0_1539284185072_2018-10-11 20_55_28-Bjørn Martin Saastad — Designated.png .

I've checked, and both the phone version and the desktop version should have the same spacing, because you can't adjust them individually, so how do you fix this?

Edit:

I figured it out. So, to make it clear for anyone who potentially may run into a similar issue, this is what I found out and did.

To fix the formatting, I made a new format based on the default, which I was using and customizing earlier. This was essentially the root of my issues, as you should make formats for everything, just like in InDesign. I made it 15px for desktop and mobile, to check if it would behave any differently.

Then I went into Customizing > Project Thumbnails > Project Description and changed it from 15px to 0px in the Space Top. The 15px was no longer needed, as I had to alter it to look good before I made a proper format for my project descriptions, which was the wrong way of doing it anyway.

One of the most important things I screwed up though, was that I was using the default text format with a line height of 1.2, which I then changed to 0.7 in the text editor itself. That gave me a line height of 1.2 on desktop and 0.7 on mobile, which I didn't understand at all. The solution is to wipe all of the formatting in the editor and make proper formats to use for your text. Use the editor as little as possible for text modification like that.

mariusjopen

Dear @Surpluss1
ah great! Happy you figured it out!

And thank you for sharing your solution!

Best!

Marius