Pages with tables are not responsive

This topic is resolved

This topic has 6 replies, 2 voices, and was last updated 4 years, 10 months ago by Jean-Pascal.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
SiX Informatics
Participant

22 Topics
66 Posts
@xailaes

243/5000
Hello
I have paid membership pro installed and the purchase confirmation pages, subscription data and invoice that have some tables are not shown responsive. Can you tell me how to fix it?

Attached screenshots

Thank you

imagen01 imagen02 imagen03
May 23, 2019 at 17:38 #6634
Jean-Pascal
Keymaster
Themosaurus Support

0 Topics
615 Posts
@themopteryx

Hi @xailaes,

Thank you for bringing this to our attention. We will investigate further to find from where this issue is coming from.

We will be back to you ASAP.

Thank you for your patience.

Regards,
May 23, 2019 at 17:53 #6635
Jean-Pascal
Keymaster
Themosaurus Support

0 Topics
615 Posts
@themopteryx

Hi @xailaes,

Thank you for your precious feedback.
There is definitely an issue in our theme which will be fixed in the next update.

In the meantime, To change this, simply add the following code snippet to your website:

@media (max-width: 768px) { #nav-below > div { margin: 10px 0 0 0; float: none; } #nav-below > div > a { display: block; width: 100%; text-align: center; } #pmpro_cancel > table, #pmpro_account-invoices > table { display: block; } #pmpro_cancel > table thead, #pmpro_account-invoices > table thead { display: none; } #pmpro_cancel > table tbody, #pmpro_account-invoices > table tbody { display: block; width: 100%; } #pmpro_cancel > table tr, #pmpro_account-invoices > table tr { display: block; } #pmpro_cancel > table tr + tr, #pmpro_account-invoices > table tr + tr { margin-top: 10px; padding-top: 10px; border-top: 2px solid rgba(0, 0, 0, 0.1); } #pmpro_cancel > table tr td, #pmpro_account-invoices > table tr td { display: block; } }

Regards,
May 24, 2019 at 11:17 #6643
SiX Informatics
Participant

22 Topics
66 Posts
@xailaes

Thanks works well less in the pmpro-invoice

that continues to go wrong

Thanks you

pmpro-invoice
May 24, 2019 at 14:11 #6646
Jean-Pascal
Keymaster
Themosaurus Support

0 Topics
615 Posts
@themopteryx

Hi @xailaes,

To change this, simply add this updated code snippet to your website (you can delete the other one):

@media (max-width: 768px) { #pmpro_cancel > table, #pmpro_account-invoices > table, table#pmpro_invoices_table { display: block; } #pmpro_cancel > table thead, #pmpro_account-invoices > table thead, table#pmpro_invoices_table thead { display: none; } #pmpro_cancel > table tbody, #pmpro_account-invoices > table tbody, table#pmpro_invoices_table tbody { display: block; width: 100%; } #pmpro_cancel > table tr, #pmpro_account-invoices > table tr, table#pmpro_invoices_table tr { display: block; } #pmpro_cancel > table tr + tr, #pmpro_account-invoices > table tr + tr, table#pmpro_invoices_table tr + tr { margin-top: 10px; padding-top: 10px; border-top: 2px solid rgba(0, 0, 0, 0.1); } #pmpro_cancel > table tr td, #pmpro_account-invoices > table tr td, table#pmpro_invoices_table tr td { display: block; } #pmpro_cancel > table tr td:first-child, #pmpro_account-invoices > table tr td:first-child, table#pmpro_invoices_table tr td:first-child { border: 0 !important; } }

Note that these issues will be fixed in our next theme update.

Thanks again for your feedback!

Best regards,
May 24, 2019 at 14:34 #6647
SiX Informatics
Participant

22 Topics
66 Posts
@xailaes

already works ok.

Thank you
May 24, 2019 at 18:27 #6653
Jean-Pascal
Keymaster
Themosaurus Support

0 Topics
615 Posts
@themopteryx

You’re welcome.

Best regards,
May 27, 2019 at 10:01 #6655
Author

Posts