Responsive=flip not displaying correctly on Mobile

  • Resolved dowp

    (@dowp)


    1 year, 10 months ago

    Hi,

    I use the responsive=flip mode to flip on mobile, and it works great on my other website, but on a new theme, it doesn’t flip the same way horizontally, where people have to scroll right to see the next thing, instead everything is flipped vertically.

    For example, on the other website, here is it displaying correctly: https://ibb.co/x7kR2xz

    This is how it is not displaying correctly on a new theme: https://ibb.co/7SrVYx7

    The exact same shortcode is being used, in this example it’s just the table id and the responsive=flip mode.

    Every table on the new theme is not displaying correctly like on the other website with the same shortcode. Would you be able to help please? Thanks in advance!

    • This topic was modified 1 year, 10 months ago by dowp. Reason: Images
    • This topic was modified 1 year, 10 months ago by dowp.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    1 year, 10 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The cause for this seems to be that your theme is also adding some CSS code to the page that is affecting. To turn this CSS off for specific tables, it seems to be sufficient to add table as an “Extra CSS Class” on the “Edit” screen of the table in TablePress. Could you please try that?

    In addition, will then have to adjust the individual column height for the rows in this table, as some of them have two lines of text. To achieve that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    @media (max-width: 767px) {
    .tablepress-id-149 .column-2,
    .tablepress-id-149 .column-3 {
        height: 72px;
    }
    .tablepress-id-149 .column-6 {
        height: 48px;
    }
}

    Regards,
    Tobias

    Thread Starter dowp

    (@dowp)

    1 year, 10 months ago

    Hi Tobias,

    Just wanted to let you know that this fixed the issue!

    Thanks a lot for your help!

    Plugin Author TobiasBg

    (@tobiasbg)

    1 year, 10 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias
     
    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive=flip not displaying correctly on Mobile’ is closed to new replies.