Posts list extends beyond screen on mobile, portrait mode about hugo-theme-hello-friend HOT 11 CLOSED

Hmm... could you attach any screenshot with the bug? I can't reproduce it on my setup 🤔

from hugo-theme-hello-friend.

From my phone, without my css addition. As the excerpt text gets wider and takes up more space, it spreads the posts container beyond the edge of my screen. (That said, it seems my fix may not be doing what I thought it was anymore. I'll continue looking into this as well when I have time.)

from hugo-theme-hello-friend.

Seems to be a good solution. @panr do you want I do a commit?

Thank you,
Joan.

from hugo-theme-hello-friend.

Huh, it's odd... Could you test https://hugo-hello-friend.now.sh on your devices and let me know if this site is also buggy?

I've just tested this site on Safari, Chrome (in mobile view) and also on iPhone X (and don't have any Android phone 😢) and everything works fine 🤔

from hugo-theme-hello-friend.

And @jcalabres if you want to, please add PR with your fix (posts: 100%), but please do it here: https://github.com/panr/hugo-theme-hello-friend/blob/master/source/css/post.css#L1 (before .post)

from hugo-theme-hello-friend.

Hello @panr, https://hugo-hello-friend.now.sh is working good with my iPhone7 (lol).

from hugo-theme-hello-friend.

Anyone reproduces this bug? 🤔

from hugo-theme-hello-friend.

Hey guys, sorry I haven't followed up on this. I've been busy with other things. To make a long story short, I figured out the issue was caused by the first chunk of content in one of my test posts being a huge code block. I guess code block data is unusable as preview content since it didn't display correctly AND it then caused the posts column to extend beyond the edges of my screen.

Everything works TOTALLY FINE when I put some normal text up front in the post. Sorry for not noticing that detail before. I feel like I could've seen that quicker if I'd had the chance to look at it further. Unless you want to look into displaying code data in the post previews, I'd support closing this issue.

Thanks for your patience. Great theme. I look forward to getting my blog running with it. :)

from hugo-theme-hello-friend.

@aormsby i got the error that you got, but i can't seem to get it working. What do you mean when you said "put some normal text up front in the post"

I don't have a cover photo for the post and my Markdown doesn't contain huge blocks of content, it's in the form

heading

content
image

heading

content
image

but it seems to stop working the more content after a few of these sections

from hugo-theme-hello-friend.

If I remember correctly, my issue was that I had a big fenced code block as the first item in my markdown file. For whatever reason, that wouldn't be properly displayed following the preview page's CSS. Just as a guess - perhaps it couldn't be properly read as markdown? When I just started my file with plain text (after front matter), things went back to normal. The post summary was automatically grabbed, and I had no display problems. I never figured it out then, but I haven't really needed to since.

If you throw up a sample file or image, I'd be happy to take a quick look at your issue and see if it's similar.

from hugo-theme-hello-friend.

seems like it happened because i had text right after putting a link in the sentence, which messed up the markdown, i took the text out after the link and just ended the sentence there and it worked

from hugo-theme-hello-friend.