Forum format change

[EL34]

I added some code that makes the forum more responsive to mobile devices

The screens should automatically shrink down for small mobile device screens and small monitors

[sluckey]

The forum text is the same size it has always been, but the text for everything else (stuff at the bottom of the page and even the pages that are linked) is huge! Been that way for a few days now. Same in IE-11 or Chrome.

[EL34]

I will have to look at it on my phone to see

A small screen needs bigger text or the links are too close together

Google checked this main forum page this morning and said it is now mobile device friendly


Before today, it was not and you get penalized by the search engines

[sluckey]

I'm doing this from my home computer with a 27" monitor running 1920x1080. It's driving me crazy! I'll take the penalty any day over this. Here's a screen shot...

[EL34]

I'll check it out in a while, packing orders right now

[EL34]

I changed the font size down to medium

In chrome:
Make sure you clear these setting so it will load a new .css sheet

[EL34]

Make sure you are using this secure url
https://el34world.com/Forum/index.php


http: will show you a different format
Use https:

Let me know how it looks now

it looks like this in chrome for me

[sluckey]

Much better. My chrome looks like yours. Did you notice the scrolling banner for your store is missing?

[MFowler]

No where to log out?


Mark

[sluckey]

No where to log out?


Mark

You can check out any time you like, but you can never leave!   

Several other little things missing too, like home, personal messages, search, profile, members, etc.

[EL34]

Much better. My chrome looks like yours. Did you notice the scrolling banner for your store is missing?

Yes, I removed it to save some space up top

[EL34]

No where to log out?
Mark

Hmm, you are right
I'll figure that out and get back to you

[Slimtim]

yep cant shop,checkout or leave now.were screwed lol.

[sluckey]

Several other little things missing too, like home, personal messages, search, profile, members, etc.

This needs fixin.

[sluckey]

Haha. No sooner than I say it, it be! Let me try something else... Ice cold beer for everyone!   

[EL34]

Several other little things missing too, like home, personal messages, search, profile, members, etc.

This needs fixin.

That stuff is all in the same menu
I put the old code back until I can find out what's wrong on the SMF forum
The MOD is a SMF mod to make the forum responsive to mobile devices

[EL34]

I fixed the code
Should be good to go on mobile devices and other devices

[Willabe]

Haha. No sooner than I say it, it be! Let me try something else... Ice cold beer for everyone!   

     

[SILVERGUN]

Looks great on my Samsung Galaxy S7
Posts are much easier to read now
 

[EL34]

Looks great on my Samsung Galaxy S7
Posts are much easier to read now
 

Thanks for the feedback


I checked it on a Samsung tablet and phone
It all displays ok

There are still some issues with post being wider than the screens which has to do with images posted

[PRR]

Something happened *after* the initial change, around 3 days ago. It got BIG on my desktop PC. And different bigs on different screens. I have to read threads at 80% to look reasonable, but thread-list pages are tiny unless rendered at 90%. FireFox on Win7. Window size 1400x1000 (monitor 1900x1080). Yes, it holds-together from full-screen to 400px wide, which is good.

[pompeiisneaks]

Looks readable on my phone.  Here's a screenshot.

[EL34]

Something happened *after* the initial change, around 3 days ago. It got BIG on my desktop PC. And different bigs on different screens. I have to read threads at 80% to look reasonable, but thread-list pages are tiny unless rendered at 90%. FireFox on Win7. Window size 1400x1000 (monitor 1900x1080). Yes, it holds-together from full-screen to 400px wide, which is good.

I set the main font to medium, which works way better for mobile devices and people with large monitors
It looks pretty good on my twin 23" monitors set at 1920 x 1080

What is your monitor set to?

[shooter]

It looks pretty good

win7 notepad looks good, like the "senior" font size 

[EL34]

I adjust font sizes up and down all the time on web pages

This Chrome Extension works really well
Zoom for chrome
There a pop up tool bar where you can quickly adjust the font size up or down

I adjust way up when reading web pages

IE has the adjustment down in the lower right

No web page is perfect for all screens, but the tiny text sizes on mobile devices makes the pages un-readable
Search engines like Google and Bing penalize you for not being mobile friendly

I check both my web sites every week in the webmaster tools for Google and Bing
You get a report for all kinds of issues with pages on your web sites

[davidwpack]

The new post icon seems to be missing, otherwise it looks nice from my phone.

[EL34]

The new post icon seems to be missing, otherwise it looks nice from my phone.

I don't know what that is?


Unread post links show up in a few places

[sluckey]

I see the new post icons just fine on my desktop.

[davidwpack]

From the main forum page; where it lists all the sections of the forum, there used to be a little glowing tube indicating which sections had new posts. I'm not seeing that now from my phone.

[EL34]

From the main forum page; where it lists all the sections of the forum, there used to be a little glowing tube indicating which sections had new posts. I'm not seeing that now from my phone.

Its still glowing blue here on my desk top and on my Samsung tablet

[davidwpack]

That's what it used to look like from my phone but I don't have anything to the left of the headers now.

[EL34]

That's what it used to look like from my phone but I don't have anything to the left of the headers now.
[/quote


I'll check it on my Samsung phone later
I don't have it with me right now

[EL34]

Looks to me like the tables collapse down so it can be displayed on very small devices like phone screens

You can simulate the same thing on a desktop by grabbing the window edges and making the window super narrow horizontally

Here's a screen shot on my desktop of the full windows and the collapsed window
Notice that 3 columns go away, not just the left one

It's one of the penalties for using a very tiny device
This is how google says the screens must react on small devices in order to be able to browse web sites

On the left below is a screen with all 4 columns
On the right is a cell phone screen

[davidwpack]

Yep, that's how it appears on my phone. Not a real big deal. I just wasn't sure if it was intended to appear that way.

[EL34]

Yep, that's how it appears on my phone. Not a real big deal. I just wasn't sure if it was intended to appear that way.

Here's some screen shots from my Galaxy 4 phone

Note that you have two view choices in Chrome on a phone in the menu
You can request to view the desktop site view
Or the mobile view

Notice how the mobile view turns the menu into icons and deletes 3 columns so it can fit on the screen
The desktop view on my phone is shown in my screen shot and you get the full forum view like on a desktop computer
And how to select desktop view in chrome on my phone

[davidwpack]

Oh ok. Yeah, that worked. I see the other columns now. Thanks!.

[sluckey]

Any way to make quoted text larger? Maybe even the same size as normal text?

[EL34]

Any way to make quoted text larger? Maybe even the same size as normal text?

I will have to check later
I am heading out the door for some Mountain biking

[EL34]

I found the setting in .css
Chrome will not load the new .css file unless you clear out some files

shift-control-delete in windows
Then hit refresh on this page and you will see larger quoted text

[sluckey]

My eyes thank you!

[shooter]

Its still glowing blue

Is the post counter hung?, I noticed 2deaf "froze" his at 999, thought it was cool, then noticed mine was the same in multiple threads, nbd, just my brain likes oddities 

[shooter]

ok, now it worked 

[JB]

Any way of getting back the full forum view on an iPhone?  I miss having the outside columns, particulary seeing when the last person replied on a thread and who it was.

[EL34]

Any way of getting back the full forum view on an iPhone?  I miss having the outside columns, particulary seeing when the last person replied on a thread and who it was.

I have no idea how Iphones work, but on chrome on android, you just tell chrome to use the desktop version, not the mobile version


That was already mentioned in reply #34 up above

[JB]

Yep saw that reply for Android. Don’t know how to make an iPhone do it, or if it can.

Edit: Apparently you hold down the refresh button and select 'Request desktop site'.  I've just tried that but it comes back looking the same.

[EL34]

Yep saw that reply for Android. Don’t know how to make an iPhone do it, or if it can.

It would be a setting in your browser