Title: Make Tables Responsive
Last modified: March 1, 2019

---

# Make Tables Responsive

 *  Resolved [helban](https://wordpress.org/support/users/helban/)
 * (@helban)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/make-tables-responsive/)
 * The plugin works well but I need a little bit more help please.
 * The information below 651px is now displayed much better but a need a bigger 
   gap between the original rows to show the demarkation of the classes and their
   information.
 * I have tried using .mtr-table tr {border-bottom: 8px solid #ffffff;} and tr.mtr-
   table {border-bottom: 8px solid #ffffff;}
    but these haven’t worked.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmake-tables-responsive%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Nikolay Nikolov](https://wordpress.org/support/users/nnikolov/)
 * (@nnikolov)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/make-tables-responsive/#post-11264448)
 * Hello [@helban](https://wordpress.org/support/users/helban/)
    I see that you 
   are using the same color for the background of even and odd rows. I recommend
   having different colors in the settings for those so they can be differentiated
   better (so you do not need bigger gaps). But if you want to do it with gaps and
   the same color, you can add this custom CSS: .mtr-table tr { margin-bottom: 8px;}(
   Also make it only for small screens of course.) Your code with the border is 
   not working because I have added rules for no border that have priority with 
   the !important attribute. At this time I am not doing anything to the the margin
   so the code with the margin bottom should work, but it is possible in the future
   to also remove the margins with a priority rule, if I see that it is needed in
   some situations. You can also add !important to your rules but it may not help
   depending on other factors. I have set many priority rules so the default layout
   and style works well in many different themes and situations. But I have added
   an option to disable styling that removes many of my rules so you can add your
   own CSS to style the table. You can use that option too. Regards.
 *  Plugin Author [Nikolay Nikolov](https://wordpress.org/support/users/nnikolov/)
 * (@nnikolov)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/make-tables-responsive/#post-11298047)
 * I am marking this as resolved since I have answered it and there is no further
   response for more than a week.
 *  [salvaiat](https://wordpress.org/support/users/salvaiat/)
 * (@salvaiat)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/make-tables-responsive/#post-11672833)
 * Hello, I don’t really know how to start a topic, so I am going to write it here,
   sorry for that.
 * I have installed Make Tables Responsive plugin but it is not working and I do
   not know why.
 * This is an example of a post with tables that are not responsive after having
   installed the plugin: [http://investandtrading.com/analisis-fundamental-de-facebook-fb/](http://investandtrading.com/analisis-fundamental-de-facebook-fb/)
 * How can I make the tables responsive?
 * Thanks.
 *  Plugin Author [Nikolay Nikolov](https://wordpress.org/support/users/nnikolov/)
 * (@nnikolov)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/make-tables-responsive/#post-11672858)
 * [@salvaiat](https://wordpress.org/support/users/salvaiat/)
    Hello. In the first
   row of your tables, the first cell uses the TD tag, and the rest use the TH tag.
   This breaks the plugin. Make all cells on the first row use TH to fix it. Also
   you can start a new topic at the bottom of this page: [https://wordpress.org/support/plugin/make-tables-responsive/](https://wordpress.org/support/plugin/make-tables-responsive/)
   Also your post here and mine will probably be deleted by moderators, because 
   you need to open a new topic. Regards.
 *  [salvaiat](https://wordpress.org/support/users/salvaiat/)
 * (@salvaiat)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/make-tables-responsive/#post-11672945)
 * Thank you for you quick answer, solved! Thanks!
 *  Plugin Author [Nikolay Nikolov](https://wordpress.org/support/users/nnikolov/)
 * (@nnikolov)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/make-tables-responsive/#post-11673059)
 * [@salvaiat](https://wordpress.org/support/users/salvaiat/)
    No problem, happy
   to hear it is working. Regards.

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

The topic ‘Make Tables Responsive’ is closed to new replies.

 * ![](https://ps.w.org/make-tables-responsive/assets/icon-256x256.jpg?rev=1760329)
 * [Make Tables Responsive](https://wordpress.org/plugins/make-tables-responsive/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/make-tables-responsive/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/make-tables-responsive/)
 * [Active Topics](https://wordpress.org/support/plugin/make-tables-responsive/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/make-tables-responsive/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/make-tables-responsive/reviews/)

## Tags

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

 * 6 replies
 * 3 participants
 * Last reply from: [Nikolay Nikolov](https://wordpress.org/support/users/nnikolov/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/make-tables-responsive/#post-11673059)
 * Status: resolved