Title: Fixed Header & Responsive = Flip Help!
Last modified: October 28, 2019

---

# Fixed Header & Responsive = Flip Help!

 *  Resolved [marksurkin](https://wordpress.org/support/users/marksurkin/)
 * (@marksurkin)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/fixed-header-responsive-flip-help/)
 * Hi Tobias, can you help?
 * I’ve got [this page](https://www.dineable.com/fare2019/) set up with the fixed
   header and responsive = flip mode enabled, but the columns don’t line up properly
   when in flip mode, and i’m using images in the column headers, which get cut 
   off in flip mode.
 * I’m also noticing on mobile that when in landscape mode, when the header column
   becomes fixed to the top, it moves over to the right about 25px or so, which 
   puts all of the data in the columns slightly offset from the headers.
 * Any ideas??
 * thanks
    -Mark
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffixed-header-responsive-flip-help%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/fixed-header-responsive-flip-help/#post-12071675)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * Unfortunately, the `flip` mode and the FixedHeader Extension are not really compatible,
   which you can see when scrolling down on small screens.
 * However, the problems that you are facing are independent from each other.
 * The offset of the FixedHeader likely is caused by the JS library being unable
   to properly calculate certain column widths. Unfortunately, I haven’t yet seen
   a fix for this 🙁 At this time, I can therefore only recommend to not use the
   FixedHeader Extension with this table.
 * Now, for the misaligned first column of the `flip` mode: Here, the images do 
   indeed cause a different row height. And as the columns are not “connected” in
   the `flip` mode, they are misaligned. We could, with some manual CSS, however
   adjust the row heights to be equal. For that, you could add this to the “Custom
   CSS” textarea on the “Plugin Options” screen of TablePress:
 *     ```
       @media screen and (max-width: 767px) {
       	.tablepress-id-2 thead th,
       	.tablepress-id-2 tbody td {
       		height: 90px !important;
       	}
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [marksurkin](https://wordpress.org/support/users/marksurkin/)
 * (@marksurkin)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/fixed-header-responsive-flip-help/#post-12073592)
 * That did the trick, thank you Tobias!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/fixed-header-responsive-flip-help/#post-12073731)
 * 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](https://wordpress.org/support/plugin/tablepress/reviews/)
   here in the plugin directory. Thanks!

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

The topic ‘Fixed Header & Responsive = Flip Help!’ 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/)

## Tags

 * [fixed header](https://wordpress.org/support/topic-tag/fixed-header/)

 * 3 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [6 years, 7 months ago](https://wordpress.org/support/topic/fixed-header-responsive-flip-help/#post-12073731)
 * Status: resolved