Streaming live at 10am (PST)

Button's text not centered on mobile


#1

Hi there!

So I built the v0.1 of my portfolio and I’m having a tiny issue.

On mobile, the button’s text isn’t centered. Although it is centered is webflow preview, it’s not in the published website. Can you help me?

Thanks


#2

Here is the editor link : https://preview.webflow.com/preview/gregoire-jeanneau?preview=84ad30471f4e7714438feac3339d5b49


#3

Hi @greg.jnn, thanks for the post. I took a look at the screenshots, thank you ! I was not exactly clear, are you referring to the vertical centering of the text?

If so, I believe this is a font specific rendering issue where the font bebasneue font is taller than the line height. I would set line height and font size to 25 px, then set the height on the button to 35px:

When I checked this with other fonts, those manual sizings for line height and font size and button height were not needed.

I hope this helps!


#4

Hello Dave,

Thanks for the help, I was indeed referring to the vertical centering. The manual sizings didn’t work unfortunately.
I tried a workaround by adjusting the padding manually (8 on top and 5 on bottom). That’s not a clean solution but will be fine until the proper fix


#5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.