Making forum skin mobile-friendly

u/Yuki May 08, 2015, 02:18:51 PM

I like this theme, though. I'll try to edit some stuff when I'll have some time. Feel free to edit stuff as well, Street.

u/novenary May 08, 2015, 02:21:08 PM

Yup that's what I'm doing atm. Trying to make the site look nice on narrower windows (not too hard, it's just the page width) then I'll make the topic view look better on mobile.

u/Yuki May 08, 2015, 02:23:49 PM

Nice. CSS media queries and meta viewport will definitely help you.

Also this test: https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fcodewalr.us

u/novenary May 08, 2015, 02:39:08 PM

Alright, the site no longer spawns a scrollbar if your window is narrower than 1000 pixels. Instead, it automatically makes the width 100% instead of 90 which is pretty useful. Now for the mobile view.

Edit:

I'm getting there. I just need to figure out width adjustments for this view and it'll be awesome.

Last Edit: May 08, 2015, 03:38:08 PM by Streetwalrus

u/Dream of Omnimaga May 08, 2015, 03:42:23 PM

Oooh I like the result so far :O. But sig images should have a lower max height

Quote from: rallat on May 08, 2015, 12:15:30 PM
How do you handle the with Mobile-Fiendly algoo from Google here on the forum. Do you have a significant drop of organic traffic?

We went from 7000 hits a day to 0. Just kidding. Nothing so far but maybe it's because of how recent the change is. I don't know how the algorithm works personally. Welcome to Codewalrus by the way!

Last Edit: May 08, 2015, 03:50:45 PM by DJ Omnimaga

u/novenary May 08, 2015, 03:51:22 PM

Quote from: DJ Omnimaga on May 08, 2015, 03:42:23 PM
Oooh I like the result so far :O. But sig images should have a lower max height
Quote from: rallat on May 08, 2015, 12:15:30 PM
How do you handle the with Mobile-Fiendly algoo from Google here on the forum. Do you have a significant drop of organic traffic?
We went from 7000 hits a day to 0. Just kidding. Nothing so far but maybe it's because of how recent the change is. I don't know how the algorithm works personally. Welcome to Codewalrus by the way!

Images now have max-width: 100% so it scales according to the display.

u/CKH4 May 08, 2015, 05:13:59 PM

Uh oh

u/novenary May 08, 2015, 05:14:34 PM

Yeah the header is borked, I'm working on it. Gonna hide some stuff in there.

u/CKH4 May 08, 2015, 05:17:08 PM

Could you also fix the margin inside wirc. Just add margin to account for the width of the scrollbar so that it doesn't cut off words.

Also the profile pics display opposite to the name.

And the profile page is broken.

u/novenary May 08, 2015, 05:20:36 PM

I only really worked on the topic view. The position of the profile pic is intentional, I could place it to the left tho. Let me check.

Edit : I don't really like how it looks with the profile pic to the left.

As for wirc it looks fine for me, the text overflow issue is a known bug in wirc itself, not the forum theme.

Last Edit: May 08, 2015, 05:25:59 PM by Streetwalrus

u/CKH4 May 08, 2015, 05:31:16 PM

Its fine on the right, just add a negative margin to make up for the height of the text.

Also if you could make the full post editor text box 100% width that would be easier to type.

u/Dream of Omnimaga May 08, 2015, 06:10:40 PM

By the way, on my Nexus 5 the theme won't show up, but it might be due to the resolution being 1080*1920. Also some stuff is broken now:

u/novenary May 08, 2015, 06:15:33 PM

Quote from: CKH4 on May 08, 2015, 05:31:16 PM
Its fine on the right, just add a negative margin to make up for the height of the text.

Not sure I get what you mean.

Quote from: CKH4 on May 08, 2015, 05:31:16 PM
Also if you could make the full post editor text box 100% width that would be easier to type.

Will do.

u/Unicorn May 08, 2015, 06:19:31 PM

It stoped woking on my kindle...
I liked it better when the usernames were on the top.

u/novenary May 08, 2015, 06:21:21 PM

Could you guys be a bit more specific with your problems ? I can't really help you with what you tell me.

DJ and Cumred looks like your issue is that it's not using the new theme at all.