Problem with responsive View

  • Resolved annoy

    (@annoy)


    8 years, 4 months ago

    Hallo, i am using your Responsive Plugin but i have a problem with the responsive view. I choose the Flip Mode [table id=3 responsive=flip responsive_breakpoint=phone /] which i really like, but in my mobile view it seems like the second line is postponed because the the First Row has 2 lines in the Header (sorry for my bad english). How do i get a correct view here? Hope you understand what i mean, her is a picture of my Problem.

    http://villagudrun.webdesigner-sylt.de/wp-content/uploads/2018/02/table-press-responsive.jpg

    Thanks for your help and greetings from Germany

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

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

    (@tobiasbg)

    8 years, 4 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    This is indeed a drawback of the flip mode, when cells have multiple lines of text. We can however fix this easily. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    @media (max-width: 767px) {
	.tablepress-id-3 th,
	.tablepress-id-3 td {
		height: 64px;
		line-height: normal;
	}
}

    Regards,
    Tobias

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 4 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    This is indeed a drawback of the flip mode, when cells have multiple lines of text. We can however fix this easily. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    @media (max-width: 767px) {
	.tablepress-id-3 th,
	.tablepress-id-3 td {
		height: 64px;
		line-height: normal;
	}
}

    Regards,
    Tobias

    Thread Starter annoy

    (@annoy)

    8 years, 4 months ago

    Thank you, is this CSS only for on Table ID? What if i have a few more?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 4 months ago

    Hi,

    yes, this would only be for table 3.

    If you have more tables, just copy this CSS and insert it again with the adjusted table ID. Depending on the number of lines of text in the cells of the other table, you might also have to change the height of 64px to a higher value.

    Regards,
    Tobias

    Thread Starter annoy

    (@annoy)

    8 years, 4 months ago

    That worked great, thank you for your fast and friendly support, love your Plugin too!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 4 months 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 6 replies - 1 through 6 (of 6 total)

The topic ‘Problem with responsive View’ is closed to new replies.