Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 5, 2016 at 1:59 pm #578489
    DjBeau

    Hi

    I have a table on my site that looks fine on computer but on mobile it can’t be read properly. The columns and rows have been all mixed up.

    February 6, 2016 at 3:44 am #578925
    Elliott

    Hi DjBeau!

    You could try doing this, https://kriesi.at/support/topic/bug-table-headers-applied-incorrectly-on-media-query/, but in your case it would probably be best to use a regular table since it doesn’t look like your using any table headings.

    Cheers!
    Elliott

    February 8, 2016 at 12:26 pm #579531
    DjBeau

    Hi

    I tried all three solutions from your link. Unfortunately none of them worked. It seems to me that the responsive design somehow isn’t working properly for this feature.

    Any other suggestions?

    February 10, 2016 at 11:45 am #581011
    Andy

    Hey!

    you could try to build an extra table for mobile devices only, which you can hide on desktop. You could do this at first: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then give your mobile table a unique css class. Then you can use a code like this:

    @media screen and (min-width: 1200px) {
.my-mobile-table {
display: none;
}}

    min-width stands for minimum screen size. Adjust it as needed.

    Best regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.