Column Alignment on Mobile

  • Resolved armandoarrastia

    (@armandoarrastia)


    6 years, 1 month ago

    Hi Tobias. I hope you’re doing well.

    On the referenced page, when viewed on iPhone 6s, the alignment of the section entitled “About our Team” is not good (the table begins where it says, “Hello! I am JJ Landrum).”

    You’ll see (screenshot: https://www.screencast.com/t/2z9xFtyawCx) that the text is aligned right and bleeding off the right side of the page. The desktop view is fine, but on responsive view, I would prefer, to have the photos above the text that goes with each person.

    I have your Responsive Tables extension installed, but don’t know what setting or CSS to add to adjust this.

    Many thanks.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 1 month ago

    Hi,

    thanks for your question, and sorry for the trouble.

    What mode for responsiveness did you try here (via the Shortcode parameter of the TablePress Responsive Tables Extension)?
    If you choose the stack mode there, you should get the desired layout.

    Regards,
    Tobias

    Thread Starter armandoarrastia

    (@armandoarrastia)

    6 years, 1 month ago

    Thanks, Tobias, that did the trick. Have a great day.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 1 month ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

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

The topic ‘Column Alignment on Mobile’ is closed to new replies.