News:

Create A Forum Installed

  3. Pages no scrollbars on mobiles
« previous next »
Pages: [1]   Go Down

Author Topic: Pages no scrollbars on mobiles  (Read 623 times)

0 Members and 0 Guests are viewing this topic.

Offline DOKEEFFE

  • Jr. Member
  • **
  • Posts: 51
  • Karma: 0
    • View Profile
Pages no scrollbars on mobiles
« on: July 01, 2018, 03:52:41 pm »
Hi,


I've recently joined yourselves. I run the forum https://comeallwithin.createaforum.com/ for rugby fans of Harlequins premiership team.


My HTML/CSS skills are coming on a storm (from near zero!) but I'm stuck on this - wanting to use ezportal pages (where I want somewhere I can easily knock up match reports/team news etc...) linked from messages. So for example I would just say "here is the current team status" and link to https://comeallwithin.createaforum.com/index.php?action=ezportal;sa=page;p=1


Unfortunately that page doesn't come over well on a mobile screen. I only see the first three cells of the table. I can scroll up and down it, but not left/right. I can't pinch it to make it smaller/larger. I can go to the full site and then back to mobile, but that is a pain.  Is there some way of changing the CSS / HTML to put scrollbars on the screen or some such? I was trying to use "overflow" but not having much success.


Thanks
Logged

Share on Facebook Share on Twitter

Offline DOKEEFFE

  • Jr. Member
  • **
  • Posts: 51
  • Karma: 0
    • View Profile
Re: Pages no scrollbars on mobiles
« Reply #1 on: July 01, 2018, 09:02:24 pm »
Actually have the same problem if this is posted in a message.
See https://comeallwithin.createaforum.com/general-discussion/squadcontractsinjuries/?message=486


Looks fine on a desktop but unusable on a mobile.


Thoughts?
Logged

Offline DOKEEFFE

  • Jr. Member
  • **
  • Posts: 51
  • Karma: 0
    • View Profile
Re: Pages no scrollbars on mobiles
« Reply #2 on: July 05, 2018, 05:38:40 pm »
OK - problem is that we are using tables. Ordinary text flows OK but tables don't.
My solution occurred when I noticed that text encased in the [ code] [ /code] tags could be moved left/right on mobile phones.

So solution 1 is simply write your table within the [ code] [ /code] tags.

Solution 2 comes from seeing the < code class="bbc code">
I simply wrapped the table code in a < div>  set of tags where

<div style="    display: block;  font-family: courier new; font-size: normal;
    background: #eef;  border-top: 2px solid #999; border-bottom: 2px solid #999;
    line-height: 1.5em; padding: 3px 1em; overflow: auto;
    white-space: nowrap;     max-height: 250em;">

Now the table can be moved left/right on a mobile phone as well as up/down.

Problem solved.
Logged

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 7147
  • Karma: 326
    • View Profile
Re: Pages no scrollbars on mobiles
« Reply #3 on: July 05, 2018, 06:21:45 pm »
Good job!
Logged
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/
Pages: [1]   Go Up
« previous next »
  3. Pages no scrollbars on mobiles
 

Related Topics

  Subject / Started by Replies Last post
0 Replies
785 Views 		Last post August 22, 2011, 03:39:18 am
by aIURbliS
4 Replies
446 Views 		Last post April 24, 2012, 05:28:28 am
by CreateAForum
2 Replies
413 Views 		Last post November 24, 2014, 02:06:18 pm
by Conor Copeland
3 Replies
685 Views 		Last post February 11, 2015, 08:18:56 pm
by CreateAForum
15 Replies
611 Views 		Last post January 25, 2018, 07:29:56 pm
by CreateAForum