Mobile Responsiveness with extension plugin

  • Resolved hlf209

    (@hlf209)


    8 years, 7 months ago

    Tobias .. I have searched your forums and they have been very helpful, however, I have an issue with the tables extension plugin for phone/tablet responsiveness.

    On my website, I use a couple of rows as subheaders (and have merged the columns on that row). I also use the merge functionality regularly throughout the table. When I try to use the responsive plugin, the rows I use as subheaders throws off the format and it’s confusing when looking at it on the phone.

    Is there a fix for this? For your reference, I’ve posted a test page showing the problem:
    http://www.stemplusacademy.com/september-course-listing-responsive-test-page/

    I’m also noticing that using the responsive plugin changes the font of the table. How can I have it retain the overall website default font settings?

    Thank you .. I look forward to your response!

    https://wordpress.org/plugins/tablepress/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    8 years, 7 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The only solution for making those merge cells look better in the responsive mode would be to manually adjust their heights, with some “Custom CSS” code for each row. An easier solution might be to add responsiveness via horizontal scrolling, but without flipping the table to the side. For that, you could try the approach from https://wordpress.org/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

    For that font problem: The reason for that are some extra HTML tags that slipped in via copy/paste. To fix that, please go to the “Edit” screen of that page and switch from the “Visual” to the “Text” editor in the upper right corner of the editor text field. Then, please remove all <code>, </code>, <pre>, and </pre> HTML tags from around the Shortcode, so that the Shortcode stands by itself, on its own line.

    Regards,
    Tobias

    Thread Starter hlf209

    (@hlf209)

    8 years, 7 months ago

    Thank you for your quick response!

    I’m a novice at this so please bear with me…
    I’ve checked the link for the solution and here’s my question:

    1. I put this code (… scroll-wrapper) on the page where I have the table in the text page?
    2. The custom CSS code is entered in my theme options custom css section? I have other custom code input there, would I just place it at the bottom?

    It that is what I needed to do, then, it’s still not

    My questions are probably sounding very basic … I’m sorry but I really appreciate your help!

    Thank you.

    Thread Starter hlf209

    (@hlf209)

    8 years, 7 months ago

    Sorry … the additions don’t scroll horizontally. Thanks!

    Thread Starter hlf209

    (@hlf209)

    8 years, 7 months ago

    Hi .. never mind .. I just realized I was using the shortcode for the responsive plugin .. it works beautifully!!

    You’re AWESOME!!

    I will be sending in donation and review!! Thank you!!!

    Plugin Author TobiasBg

    (@tobiasbg)

    8 years, 7 months ago

    Hi,

    you have added both the HTML code and the CSS in places where it will work. (I usually recommend to place the CSS in the “Custom CSS” textarea on the “Plugin Options” screen of TablePress, but you can leave it in the theme’s Custom CSS as well.)

    Now to see this in action, you’ll simply have to remove that Shortcode parameter for the Responsive Tables Extension again (or deactivate the plugin), as this new approach is meant to be a different approach, not a parallel one.

    Regards,
    Tobias

    Plugin Author TobiasBg

    (@tobiasbg)

    8 years, 7 months ago

    Hi,

    ah, so I suggested what you had just found 🙂 Nice!
    And thanks again for the donation and the review, I really appreciate it!

    Best wishes,
    Tobias

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Mobile Responsiveness with extension plugin’ is closed to new replies.