Site title & menu: type cropped at top

[Georges]

Hi Marius,

I've just launched a new site with Lay Theme, and notice that the site title and menu typography is being clipped at the top. See the attached image as an example: zoomed-in screen grab of the site title (top), and how the type should look (below). Note the clipped dot on the “i” above. There seems to be a set cap height above which any typographic detail is cut.

I hope you might have an easy fix for this? Many thanks for your help.

G

[mariusjopen]

Hi @Georges
for me it looks fine. Which browser with which version are you using?

Many wishes!

Marius

[Georges]

Sorry, the clipping I showed is happening only in Safari 11.0.3, on MacOS High Sierra 10.13.3. Chrome & Firefox is fine, as is mobile Safari.

[Georges]

Just to clarify: any idea how this might be fixed in Safari?

[arminunruh]

Oh that has to do with the font exceeding its lineheight I think.
You could try to give these areas padding top and padding bottom or more line-height with custom css.

[Georges]

@arminunruh Thanks for your response and suggestions. Do you mind helping with an example of padding and/or line-height css, to specifically target the title? It's beyond my limited coding knowledge. Very much appreciated.

[mariusjopen]

Hi @Georges
try to add this to your Custom CSS:

.sitetitle.txt .sitetitle-txt-inner span {
    padding-top: 5px;
}

Let me know if that worked out!

All the best!

Marius

[JOEYP26]

Dear Armin,

i have the same problem as Georges.
the Padding works for the SITE TITLE but not for the Menu. Can you also provide the code for the Menu Padding?

Best

Johannes

[mariusjopen]

Dear @JOEYP26
Best is if you write me a PM and include your username, password and a link to this conversation.

Marius