Table not responsive on mobile | WordPress.org

Resolved sporbillis
(@sporbillis)

7 years ago

Hello there,
Thanks for this amazing plugin.
One question though:

-I have a table with 5 rows and 4 columns. On desktop it appears perfectly. On mobile Samsung galaxy s7 the 4th column doesn’t show. Is there any css i can use for it to show on mobile or even better to make the table’s column 3 & 4 to move below column 1 & 2 on mobile?
I have no idea what css to use for that.

Thanks in advance.

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

Saurabh Saneja
(@saurabhsaneja)

7 years ago

Use this:

https://wordpress.org/plugins/advanced-css-editor/

Plugin Author TobiasBg
(@tobiasbg)

7 years ago

Hi,

thanks for your post, and sorry for the trouble.

Sorry, there’s no CSS to move the columns below the others, due to how HTML tables work.
However, you could take a look at the approaches from tablepress.org/extensions/responsive-tables/

Regards,
Tobias

mirtousif
(@mirtousif)

6 years, 10 months ago

I have a table with 4 columns. On desktop it displays perfectly. On mobile landscape mode works perfectly but in portrait view it display only 2 columns out of 4, is there any solution for this responsive problem

Plugin Author TobiasBg
(@tobiasbg)

6 years, 10 months ago

Hi,

well, then there’s simply not enough space for all four columns to fit.
You might want to take a look at https://tablepress.org/extensions/responsive-tables/ for some suggestions on this.

Regards,
Tobias

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

The topic ‘Table not responsive on mobile’ is closed to new replies.

Tags

css

In: Plugins
4 replies
4 participants
Last reply from: TobiasBg
Last activity: 6 years, 10 months ago
Status: resolved