[Support request] I got an overlapped title index page

[Thomas]

When I have more than 34 characters long title, I get an overlapped title page.
Could you please check my website there using a mobile device, and find quite ugly overlapped title there.

I don’t think I did anything special there.

Thank you so much

Thomas

[Leo]

Hi there,

Is there a specific page I should be looking at?

I checked a few pages on my phone and not seeing the overlapping title.

Perhaps I’m misunderstanding something?

[Thomas]

I check it with my iphone 6, if you have an email, I can send you the screenshot.

Thanks

[Leo]

I have an iPhone 6s so it should be the same.

Which page can I see the problem?

You can upload screenshots to using a service like this but it probably won’t help much
https://postimages.org/

[Thomas]

I put the screen shot as https://postimg.cc/w79WTGNh

Just the home page and category pages

[Thomas]

I use Chrome extension for iphone browser emulator and could reproduce the problem by make the screen: 320×568

Let me know if you still could not reproduce it.

Thanks

[Leo]

Can you make sure the h2 line height is not set at 0?
https://docs.generatepress.com/article/typography-overview/

[Thomas]

Good catch, I did set H2 line height to 0, if I set it to 1.2EM, I would get a really big space in between the lines, see the result page :https://postimg.cc/sMBmxQjr

Any idea on how to remove the space in between?

Thanks

[Leo]

I’m still seeing it as 0. Can you set it to 1.2em so I can see?

[Thomas]

Ok, Just did it. thanks

[Leo]

Hmm give this CSS a shot:

@media (max-width: 768px) {
    body.blog.one-container .inside-article,
    body.archive.one-container .inside-article {
        padding: 0;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Thomas]

I am using child theme, and put it my style.css file, it seems not working.
I check the css,
.post {
margin: 0, 0, 2em,
}
Seems the space cause the problem, however, if I change that, I may get a crowd page in my post page.

any idea?

[Leo]

My CSS is working. If you want to bring them even closer, then you will have to overwrite that as well:

.post {
    margin: 0;
}

[Thomas]

I guess I am newbie for generatePress, I found whatever I change on style.css, (I am using child theme), it seems not showing. Is that because I activated some generatePress feature and overwrite my style.css file?

Thank you very much for your patience.

[Leo]

The CSS was working but I no longer see them being added.

Can you add them back in?

Make sure to clear the caching plugin as well.

[Author]

Posts