/canterlot/ - Canterlot

Linking to the post in your screenshot…
>>>/pony/438592

>>1031
Hmm, my phone (Android running Chrome) doesn't do that.  Maybe try flipping orientation (portrait <-> landscape)?

>>1033
Mine is also Chrome on Android.

Landscape is… kind of better for reading a little? But I never have screen rotating on, so to have to turn it on just for this is kind of a pain…

Bumping old thread because it's still an issue ime. I feel like it is being cause by the thumbnails being way too big and taking up like 2/3rds of the screen width and trying to shove text in the small amount of remaining space. Is there any way we can make the thumbnails smaller so more text can fit in? Or move the text below the thumbnail?

Okay, this is hack, but it solves the problem: At the beginning of each

div.body

, insert the following:

    <div style="font-size: 1px">
      <span style="display:inline-block; min-width:250px;"></span>
    </div>

and at the end of each

div.body

, insert this:

    <div style="font-size: 1px">
      <span style="display:inline-block; min-width:230px;"></span>
      <span style="display:inline-block; min-width:230px;"></span>
      <span style="display:inline-block; min-width:230px;"></span>
    </div>

This will force the text below the image when there's not at least 250px of space to the right of the image.  The div of three spans at the end is needed to avoid bad things happening especially with embedded YouTube videos.

Alternatively, change the

viewport

tag to specify a minimum width of say 400px (although this will result in smaller text):

   

<meta name="viewport" content="width=400, initial-scale=1, user-scalable=yes">

>>1559
I didn't use your code, but I did a thing to address the thing you want addressed. You might need to clear your phone's browser cache to see a difference. Let me know if the thing I did addressed the thing you want addressed.

>>1560
Oh wow that's much nicer. Text looks like it's going underneath the thumbnail. Can easily read posts now. Thank you!