Adjust a table to mobiles and tablets

  • Hello,

    I created a simple two-column table in html code, but if I display it on mobile, it is all messed up. I wanted to download tablepress and its premium version to fix it, but unfortunately I cannot add a plugin (I have a free blog on wordpress), can someone please help me to solve this? Do I need a premium plan to add a plugin or is there another possibility? I’m not very proficient in html coding.

    This is how it looks on a computer: https://esenceliberec.wordpress.com/cenik/

    Thanks very much in advance for any help.

    veronika

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Veronika,

    I took a look over your site and it seems you’ve been able to resolve the issue by setting the width of your columns in percentages:

    <div style="width:60%;padding:0 10pt 0 0;float:left;">Column 1.</div>
<div style="width:40%;padding:0 10pt 0 0;float:left;">Column 2.</div>

    Your table looks good to me when viewed on my mobile:

    Screenshot 20161121 122735

    As an extra note: Your site is hosted over at WordPress.com while this forum is intended for folk who are hosted elsewhere and running on the free software available here at www.ads-software.com.

    The difference between the two types of WordPress (WordPress.com and www.ads-software.com) is an understandable and common point of confusion. If you’re unsure of the differences, then this guide gives a good overview.

    As your site is hosted over at WordPress.com, the forums there are the best place for you to get support.

    If you’re still having trouble with your table, or if you have any extra questions, then please start a new thread on the Themes forum on WordPress.com:

    https://en.forums.wordpress.com/forum/themes

    We’ll be happy to help out over there!

    Thread Starter clementinelabelle

    (@clementinelabelle)

    Hi Siobhan,

    Thank you very much for your answer and mainly for the explanation concerning the difference between www.ads-software.com and .com! I didn’t know that and thus, I will post my question on the right forum now. (it looks good on mobile, but unfortunately the lines don’t correspond)

    Have a nice day,

    veronika

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adjust a table to mobiles and tablets’ is closed to new replies.