Title: Responsive Design
Last modified: August 21, 2016

---

# Responsive Design

 *  Resolved [Andrew Leonard](https://wordpress.org/support/users/andrewleonard/)
 * (@andrewleonard)
 * [12 years ago](https://wordpress.org/support/topic/responsive-design-22/)
 * I have some big (wide tables)
    They fit (automatically)on my screen in normal
   resolution (1368 x 768) but I notice that they do not “respond” on some laptops.
   I can mimic this effect on my PC monitor by setting the resolution down to (for
   example) 1024. If I do this, the tables get bigger than the “page” and fly out
   over the background Is there anything I can do about this?
 * I do have a child theme and it is possible I have done something to aggravate
   this but it also goes wrong if I re-activate the parent theme
    This is my widest
   table page: [http://www.andrew-leonard.co.uk/wordpress/ferns-2/growing/ferns-members-gardens/taxa-list/](http://www.andrew-leonard.co.uk/wordpress/ferns-2/growing/ferns-members-gardens/taxa-list/)
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years ago](https://wordpress.org/support/topic/responsive-design-22/#post-4953955)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * No, there’s nothing really that can be done about this, unfortunately, as this
   simply is how tables work. They have a fixed column structure, and the text in
   the table cells simply needs space, as the browser can not simply add word-wrapping
   in the middle of a word.
 * You could however try an approach like in this TablePress Extension: [http://tablepress.org/extensions/responsive-tables/](http://tablepress.org/extensions/responsive-tables/)
   where the table is flipped to the side and then you can scroll it.
    Another choice
   would be to make it scrollable now, by adding this to the “Custom CSS” textarea
   on the “Plugin Options” screen:
 *     ```
       #tablepress-31_wrapper {
         overflow-x: scroll;
         overflow-y: hidden;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [Andrew Leonard](https://wordpress.org/support/users/andrewleonard/)
 * (@andrewleonard)
 * [12 years ago](https://wordpress.org/support/topic/responsive-design-22/#post-4953962)
 * Once again, absolutely brilliant support
    I love both your solutions Thank you
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years ago](https://wordpress.org/support/topic/responsive-design-22/#post-4953965)
 * Hi,
 * no problem, you are very welcome! 🙂 Always glad when I can help!
 * Best wishes,
    Tobias
 *  [FuturityWeb](https://wordpress.org/support/users/futurityweb/)
 * (@futurityweb)
 * [12 years ago](https://wordpress.org/support/topic/responsive-design-22/#post-4953979)
 * Hi Tobias
 * I have a broad table which I wanted to be responsive. I tried the ‘responsive-
   tables’ add-on, but this make the table look terrible in normal view (on PC or
   notebook).
 * My table sample can be viewed here:
    [http://www.seasafetytraining.co.za/test-schedule-layouts/](http://www.seasafetytraining.co.za/test-schedule-layouts/)
 * Please help with code to add to Custom CSS which will allow me to add horizontal
   scroll-bars to the table(s) when the screen size is smaller.
    NOTE: There will
   be several similar tables on various pages, each requiring scroll bars.
 * Thx
    Duane
 *  [FuturityWeb](https://wordpress.org/support/users/futurityweb/)
 * (@futurityweb)
 * [12 years ago](https://wordpress.org/support/topic/responsive-design-22/#post-4953982)
 * Sorry, I will open a new thread for this request. Just noted this one is marked
   as resolved!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [12 years ago](https://wordpress.org/support/topic/responsive-design-22/#post-4953983)
 * Hi,
 * yes, let’s handle this in a new thread. We should basically just have to adjust
   the CSS selectors.
 * Regards,
    Tobias

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

The topic ‘Responsive Design’ 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/)

 * 6 replies
 * 3 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [12 years ago](https://wordpress.org/support/topic/responsive-design-22/#post-4953983)
 * Status: resolved