At iPhone appearance we cut off text

Morpheus-2014 · March 2019

Good morning team,
when I look at my website on the iPhone, the word "COMPANY (UNTERNEHMEN)" on the green background is not completely displayed, but truncated. What options do I have to make that this word adapts in size on the iPhone.

https://www.pixelway.de/

Thank you for your help

Pablo · March 2019

Hi,

That's because of the "padding" inserted on the wrap.

http://prntscr.com/n0w1pt

Also, I suggest to decrease a little bit font size there.

Thanks

Morpheus-2014 · April 2019

Hi,

the font is not even too big, the text would be displayed correctly on a smartphone, if it would be displayed centered.

On the website he is shown centered only on the smartphone. What must I do so that the text "achievements" is in the middle.

Thank You for Help

Pablo · April 2019

I do not see the "achievements" text on your website.

But, if you want to make the text on the middle create properly, then, we suggest to make separate wrap for the "Column" item (both 1/1) and set the "text-align" to center in the column settings.

See screens:

http://prntscr.com/n6t4am

http://prntscr.com/n6t4ggv

http://prntscr.com/n6t4on (i applied some padding to show it's centered)

Thanks

Morpheus-2014 · April 2019

My text, so the word "LEISTUNGEN (SERVICES)" stands on Column item (both 1/1).

In the two screens you can see that the word "LEISTUNGEN (SERVICES)" is displayed centered.

In landscape mode (iPhones) it is centered https://prnt.sc/n6yrfr in portrait mode (iPhones) it is cropped, though it would fit purely centered https://prnt.sc/n6ys05

Maybe still an idea, apparently the word is not centered in the portrait format of my iPhone

thanks for your effort

Pablo · April 2019

The problem is in two cases:

1) A default margin-bottom value inherited from "column" item.

Get into the settings of that section and change the "margin-bottom" value to 0

http://prntscr.com/n7a4hl

2) Your padding value on "wrap" element is not correct.

Right now, it's 70px on top, 60px on the left and right and 20px on bottom.

http://prntscr.com/n7a6mu

Change it to 40px 60px and everything will be okay.

http://prntscr.com/n7a7ln

Thanks

At iPhone appearance we cut off text

Comments