Title: Fixed Header + Responsive Scroll
Last modified: September 21, 2021

---

# Fixed Header + Responsive Scroll

 *  Resolved [Nykess](https://wordpress.org/support/users/nykess/)
 * (@nykess)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-responsive-scroll/)
 * I would like to be able to use fixed headers, but they do not seem to be compatible
   with the mobile responsive scroll option.
 * Is there a way to *make* it compatible? If not, what other options do I have?
 * Please advise.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-responsive-scroll/#post-14896575)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * I see what you mean, and I have seen this issue in the past as well. Unfortunately,
   I’m not aware of an existing solution for this 🙁 The difficulty here essentially
   is that the fixed header row is a separate DOM element that does not have a “
   connection” to the scrolling table.
 * Regards,
    Tobias
 *  Thread Starter [Nykess](https://wordpress.org/support/users/nykess/)
 * (@nykess)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-responsive-scroll/#post-14902579)
 * I see. Is there another method you would recommend for better showing the header
   items on mobile as you scroll? Or is there a way to use the fixed header online
   on desktop but not on mobile? Do I need two separate tables in order to make 
   that happen? Please advise.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-responsive-scroll/#post-14903219)
 * Hi,
 * the idea to only use the FixedHeader on desktop is indeed what I would suggest
   here. For that, you could use CSS code that hides the FixedHeader row on small
   screens. For example, add this to the “Custom CSS” textarea on the “Plugin Options”
   screen of TablePress:
 *     ```
       @media screen and (max-width: 768px) {
         .tablepress.fixedHeader-floating {
           display: none !important;
         }
       }
       ```
   
 * This would hide the fixed header row on screens smaller than 768px.
 * Regards,
    Tobias
 *  Thread Starter [Nykess](https://wordpress.org/support/users/nykess/)
 * (@nykess)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-responsive-scroll/#post-14906470)
 * That works, but how would you recommend keeping table headers visible on mobile?
   For large tables, not having the headers to reference as you scroll down is troublesome.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-responsive-scroll/#post-14906622)
 * Hi,
 * my suggestion would be the `collapse` mode then. This way, you would see the 
   header cells directly next to the content.
 * By the way: I just learned that there’s work going on for making FixedHeader 
   work with scrolling! 🙂 I can’t say when it will be available in the Extension
   yet, but probably soon.
 * Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Fixed Header + Responsive Scroll’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-responsive-scroll/#post-14906622)
 * Status: resolved