Making forum skin mobile-friendly

[Dream of Omnimaga]

Aah ok. Good thing you don't have an iDevice because the iPod Touch 4 had a very innacurate touchscreen that required zooming in to maximum in order to click the right link >.<

[novenary]

That's pretty much what happens, but usually my touchscreen is very accurate.

[Dream of Omnimaga]

yeah I never had issues with any Android phone touchscreens.

[c4ooo]

Btw, here is codewalr.us on an iPhone 5:
http://m.imgur.com/GDno4FK,3bvRoxs,1m1EFZh

[Dream of Omnimaga]

That's pretty normal actually. The site theme was adapted to hide less necessary stuff (eg post counts) and move other essential stuff elsewhere to ensure that post content takes the entire page width.

If you have any CSS edit you could suggest that is neither Tapatalk, a single-site app nor a third-party theme then feel free to suggest them. Of course we can't please everyone, though.

Could you post a screenshot of how WalrusIRC looks like? By the way, you can also access the chat from IRC at EFnet, just like Omnimaga and Cemetech

[c4ooo]

Here is wirc:
http://m.imgur.com/eJSoQ5F,C7m8LKN
While the page is loading the type box is there, but when the page finishes loading the type box disappears. There is no scroll bar, and the messages are behind time. Also, yes I do know about Efnet and stuff, I was on #codewalrus the day I joined, remember? 

[Dream of Omnimaga]

So basically the box does show up. Now to investigate about why it disappears outside of the view. Something probably makes it move up, down or on the sides (most likely down).

And yeah I was suggesting since you never went on IRC again after the day you joined.

[novenary]

I just made a couple minor visual improvements on the mobile skin. Added vertical padding on buttons so that the rows aren't right against each other, and made the font on page numbers bigger so that they're easier to click with fingers.

[Dream of Omnimaga]

Now I see why some stuff seemed to have changed lol. I didn't see this topic until now.

Do you think something can be done about misaligned lists of stuff and stuff that is off-screen? For example, in your inbox the text above the PM list is not aligned and there are missing options. Would adding scrollbars to those cause Google to see the site as not mobile-friendly?

[novenary]

Not sure about that. I don't really see a point in adding scrollbars, in my experience they tend to be extremely painful to use in mobile browsers.

[CKH4]

If the issue is on desktop then you can use a media query to omit the mobile site.

[Snektron]

Would it be possible for the recent posts menu to show up if you swiped right on the main page?

[novenary]

Nah there are glitches in the mobile version because I didn't take the time to do some things properly and I didn't check every page either. There's also the problem of some tables being too wide, while I can hide some columns, some still won't fit in the page. DJ suggested adding a horizontal scrollbar to these instead of letting the whole page overflow but as I said these never work on mobile browsers.

Cumred: that would require some JS I think.

[CKH4]

If you add tables inside of a div set to width: 100%; overflow: auto; that should solve your problems.

[Dream of Omnimaga]

Not sure about that. I don't really see a point in adding scrollbars, in my experience they tend to be extremely painful to use in mobile browsers.

True, although ideally it would be more professional if our content didn't go outside the screen. It's actually slowly getting worse when our page views per day and user counts increase, because now if you check board stats, we barely can even see one digit in page views.

@CKH4 ideally, we need a solution that only involves adding CSS, not tables, unless you suggest adding CSS to the current tables. It wouldn't hurt to try your trick, though, although it would be better if you explained further what you mean. Thanks for the suggestion