[ home ] [ pony / townhall / rp / canterlot / rules ] [ arch ]

/canterlot/ - Canterlot

Site related staff board
Name
Email
Subject
Comment
File
Flags  
Embed
Password (For file deletion.)

[Return][Go to bottom]

 No.1031

File: 1488924953718.png (522.95 KB, 1008x1075, 1008:1075, 2017-03-07_17.01.21.png) ImgOps Google

How exactly do I read things on or use this site while mobile?

Cause pic related isn't cutting it.

 No.1032

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

 No.1033

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

 No.1034

>>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…

 No.1558

File: 1527523698400.png (500.91 KB, 1076x1199, 1076:1199, 2018-05-28 12.03.18.png) ImgOps Google

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?

 No.1559

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">

 No.1560

>>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.

 No.1562

File: 1527874785760.gif (878.72 KB, 500x281, 500:281, Y9BIlhB.gif) ImgOps Google

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


[]
[Return] [Go to top]
[ home ] [ pony / townhall / rp / canterlot / rules ] [ arch ]