Archived topic
I got an overlapped title index page
14 replies · Started by Thomas on January 3, 2019
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
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?
I check it with my iphone 6, if you have an email, I can send you the screenshot.
Thanks
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/
I put the screen shot as https://postimg.cc/w79WTGNh
Just the home page and category pages
I use Chrome extension for iphone browser emulator and could reproduce the problem by make the screen: 320x568
Let me know if you still could not reproduce it.
Thanks
Can you make sure the h2 line height is not set at 0?
https://docs.generatepress.com/article/typography-overview/
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
I'm still seeing it as 0. Can you set it to 1.2em so I can see?
Ok, Just did it. thanks
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/
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?
My CSS is working. If you want to bring them even closer, then you will have to overwrite that as well:
.post {
margin: 0;
}
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.
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.