Fixed header placement issues on desktop vs small screens

  • Resolved designerkev

    (@designerkev)


    9 years ago

    Hello, I have a few Tablepress tables on my site and I’m wanting to use the Fixed Header extension to make the headers of each table sticky. The issue is that on the desktop version of the site I have a fixed header, so I set the Fixed Table Header at 120px and it works great. But on smaller screens I’ve removed the sticky site header and made it scroll with the site. So now, without any CSS changes or anything the Fixed Table Headers stop 120px down from the top of the screen, but the table continues scrolling behind the fixed header. So I tried setting a Fixed position of 0px in my CSS file for the smaller screens, and now on the small screens the fixed table header appears when the table reaches the 120px position but it is fixed at the top, so for 120px we have two table headers showing. Does that make sense?

    The page in question is: https://design511.com/wp_hos_shop/predictive-risk-scoring-for-pci/subscriptions/

    https://www.ads-software.com/plugins/tablepress/

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    I see what you mean, but unfortunately, I’m not aware of a solution to this. From what I know, the external FixedHeader JS code (which I did not develop, but only make available as a TablePress Extension) does onl offer one such configuration, so that it’s not possible to configure different pixel positions for different screens. ??

    Here, it might be the best to hide the fixed header on small screens, I think.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Fixed header placement issues on desktop vs small screens’ is closed to new replies.