• Resolved turansaim

    (@turansaim)


    Hi, I cant thank you enough for this plugin but some tables doesn’t turn responsive. How can I fix it? Here is an example thank you for your help

    • This topic was modified 2 years ago by turansaim.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Nikolay Nikolov

    (@nnikolov)

    Hi.
    Yes, some tables are not compatible and are skipped. The first thing I see about this table is that it has merged cells at the bottom. This is one reason to skip it. On this page under the Cons section I have listed which tables are skipped: https://www.ads-software.com/plugins/make-tables-responsive/
    Try making the last row that has merged cells into a separate table or a div layer that is right below your table, so your table does not have merged cells.
    Regards.

    Thread Starter turansaim

    (@turansaim)

    Thank you for your answer, for the unsupported tables is there any way to add <div style=”overflow-x:auto;”> before <table> automatically so it will have horizontal scrolling? So there will be no tables that will be unsupported. If there is a way please help me. Thank you again. As you can see here it will fix everything.

    • This reply was modified 2 years ago by turansaim.
    Plugin Author Nikolay Nikolov

    (@nnikolov)

    For now I am not adding new features, but you should be able to do this globally by adding this custom css code on your site without adding a div:

    @media (max-width:1023px) {
    .entry-content table:not(.mtr-table) {
        overflow-x: auto;
        display: block;
    }
    }

    It will affect all tables inside your post content, that do not have the mtr-table class (so not affected by my plugin), making them scrollable on screens smaller than 1024px. And you can edit the code to your needs if you need it to affect more pages or screen sizes.

    Thread Starter turansaim

    (@turansaim)

    It is working! Thank you so much

    Plugin Author Nikolay Nikolov

    (@nnikolov)

    Cool, no problem ??

    Thread Starter turansaim

    (@turansaim)

    Hi again, is there any solution for </div> tag? tables does not fit in the page if the HTML ends with it. thank you for your help

    Plugin Author Nikolay Nikolov

    (@nnikolov)

    Hi. I am not sure what you mean. Can you give me a link to a page so I can see the HTML in the browser and maybe show me a screenshot too of what does not fit?

    Thread Starter turansaim

    (@turansaim)

    Here is an example it ends with </div> instead of <div> thats why it doesnt fit on desktop. thank you for your help.

    • This reply was modified 1 year, 11 months ago by turansaim.
    • This reply was modified 1 year, 11 months ago by turansaim.
    Plugin Author Nikolay Nikolov

    (@nnikolov)

    I don’t know what is happening on that page, but the whole html code is a big mess full of errors. There are attributes that have values that contain quotes that break the attribute quotes. And other errors too. You can run the page in a html validator (https://validator.w3.org/) to see the errors (keep in mind that not all of them are important, only the red ones, and not even all of them maybe). Also your table is generally just too big to fit on that page. Also the table does not look to be affected by my plugin, since it does not have the class mtr-table. So I don’t think this is related to my plugin.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘some tables does not turn responsive’ is closed to new replies.