Header row not showing on mobile

  • Resolved wildcatfamily

    (@wildcatfamily)


    5 months, 2 weeks ago

    Hi, I have a simple table showing a calendar for July with a Header row of the days Mon, Tue etc. It displays correctly on desktop and tablet view, but on mobile the header row disappears.

    I have tried enabling / disabling horizontal scrolling and disabling the header row, but I still have the problem. What else can I try?

    Thank you.

    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)

    Hi!

    Thanks for your post and sorry for the trouble!

    From what I can see, the cause for this is some feature in (I believe) your theme that tries to make all tables horizontally scrollable on small screens.

    However, this does not work properly due to the “Custom CSS”

    .tablepress-id-34 {
        margin-top: -50px!important
    }

    .tablepress {
        margin-top: -40px!important;
        margin-bottom: -20px!important
    }

    that you have added. The idea of this CSS code is to move the tables vertically, I think, but it might be better to do that by instead checking where any undesired extra space comes from. Once you remove this “Custom CSS”, the header row will no longer appear as cut-off.

    Best wishes,
    Tobias

    Thread Starter wildcatfamily

    (@wildcatfamily)

    Hi Tobias,

    Great thank you, that worked!

    That was some old code for an issue on old tables that had extra space before displaying the table.

    Plugin Author TobiasBg

    (@tobiasbg)

    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 in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.