Mobile display

[Raleigh Flyers]

My table of players doesn’t display correctly on a mobile. It’s too wide for the page. Looking at raleigh-flyers.com/roster

Running Word Press 4.0.1 and Plugin is 3.1.2

[Mark]

That’s correct. I test the player bios and galleries on small screens and they do pretty well. IMO, tables are meant to display a lot of information and it doesn’t make sense to put that info in a LONG list. There are however some options. Read more about them on ShoalSummitSolutions.com.

I am re-writing Team Rosters right now, and my opinion is subject to change, so let me know what you think.

-Mark

BTW, your site is looking good.
-M

[Raleigh Flyers]

That is a quandary about tables and mobile and amount of info. However, my table does actually show all the info on the page pretty well. It would be more accurate of me to say the table messes up the page rather than the table is “too wide for the page”.

Viewing on a Samsung Galaxy 4 using Chrome.

[Mark]

Sorry, I’m not following you. Your page looks great. When I view it (in Chrome) with a Galaxy S4 emulation, it’s not too bad at all. I just don’t see all the columns, but I can scroll, or just click a name and see the player’s profile, which looks good too. There’s something going on with your theme on that page, but anyway, I don’t see where “the table messes up the page”, or understand what that means. Can you send me a sample (link or screenshot) that’s “messed up”? That would help.

-Mark

[Raleigh Flyers]

Ok, it does load to the normal page width, and shows about three columns, but then I can multitouch zoom out and it’s off. Emailing screenshot.

[Mark]

Okay, thanks for the screenshot. Now I see what you mean. Try added the following rule to your theme’s stylesheet:


div.entry_fullwidthpage {
overflow: scroll; //or overflow: hidden you're call
}


There’s actually a number of places you could put this rule, but I think you’ll get the idea.

Let me know.
-Mark

[Author]

Posts