DIR Return Create A Forum - Home
       ---------------------------------------------------------
       Create A Forum - Support Forums
  HTML https://support.createaforum.com
       ---------------------------------------------------------
       *****************************************************
   DIR Return to: Style Support
       *****************************************************
       #Post#: 20297--------------------------------------------------
       Pages no scrollbars on mobiles
   DIR By: DOKEEFFE
       Date: July 1, 2018, 10:52 am
       ---------------------------------------------------------
       Hi,
       I've recently joined yourselves. I run the forum
  HTML 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
  HTML 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
       #Post#: 20299--------------------------------------------------
       Re: Pages no scrollbars on mobiles
   DIR By: DOKEEFFE
       Date: July 1, 2018, 4:02 pm
       ---------------------------------------------------------
       Actually have the same problem if this is posted in a message.
       See
  HTML https://comeallwithin.createaforum.com/general-discussion/squadcontractsinjuries/?message=486
       Looks fine on a desktop but unusable on a mobile.
       Thoughts?
       #Post#: 20302--------------------------------------------------
       Re: Pages no scrollbars on mobiles
   DIR By: DOKEEFFE
       Date: July 5, 2018, 12:38 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.
       #Post#: 20303--------------------------------------------------
       Re: Pages no scrollbars on mobiles
   DIR By: CreateAForum
       Date: July 5, 2018, 1:21 pm
       ---------------------------------------------------------
       Good job!
       *****************************************************
       Page 1 of 1