Kohei Nozaki's blog 

A quick workaround for list element issue of Roller5.1.0-SNAPSHOT mobile


Posted on Saturday May 17, 2014 at 03:36PM in Technology


I wrote a entry which uses list elements (ul, ol, li), and I got into some problem. so I leave this entry as a note of my solution.

I wrote some HTML as a content of a entry like this:

<ol>
  <li>element 1
  <li>element 2
  <ul>
    <li>nested element 1
    <li>nested element 2
  </ul>
</ol>

Then it showed in PC browsers as I expected like this:

List0

But, it showed in mobile version like this:

NewImage

all of list elements are disappeared. instead of list elements, the bottom of the entry became clickable. when I click the bottom, page transits to:

NewImage

I don't want this behavior, just want html lists to stay inline on the page. fortunately, I found a quick workaround of it that just copy template named "_day" of Standard to Mobile. 

  1. Go to blog settings
  2. Click design tab
  3. Click template
  4. Click "_day"
  5. Copy whole of template from "Standard"
  6. Click "Mobile" tab
  7. Paste the template
  8. Save

That's all. now mobile version looks like this:

NewImage