Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #980006
Tables are not responsive
Closed

Comments

  •  2
    Voldemaras started the conversation

    Hi,

    Tables are not working on mobile.

    As you can see in my link http://aukstagireskalnas.lt/kainos/ there is one column missing, or if I choose Row Headers For Responsive than there is only one title instead of two.

    Thanks.

  •  7,120
    Oliver replied

    HI!

    it is correct. Column 1 should not be displayed at all. In responsive mode we show the values for the fields in the first column. The logic is simple:

    For example you have a pricing table with such structure:

    Hosting Plan / Monthly Price / Annual Price 

    ------------------------------------------- 

    Plan 1 / 9,99 / 109,99 

    Plan 2 / 19,99 / 209, 99

    To show this in responsive view, you will need one column structure, so it would be:

    Monthly Price

    ------------- 

    Plan 1 / 9,99 

    Plan 2 / 19,99

    Annual Price 

    ----------- 

    Plan 1 / 109,99 

    Plan 2 / 209, 99

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  2
    Voldemaras replied

    Hi,

    So in your logic I have to build separate tables for each column?

    All I want each column to display their title.

    How can it be logical to remove one title, how can people understand what is in this table if there's a title missing????

  •  7,120
    Oliver replied

    Hi, please be so kind to understand the principle of responsive in this situation. We need to make the table not depending on any width. As you know, there are a lot of mobiles with a small screen width and we need to somehow display this titles in a nice way, without disturbing the design. So the only way to make all this title be suitable in the screen size is to make a list instead of the classic table. That's why we transform the classic table with a lot of columns and long titles in the list of small tables with small amount of columns and titles being moved to the rows. The user will do understand this, if he visits the website on the mobile, without transforming the width of the browser. This is a very natural way of putting wide content in small width screens

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver