Mobile version is not working properly

Resolved tompon
(@tompon)

7 years, 9 months ago

Hi Tobias, thank you for the great plugin, we love it!

We have a problem with the mobile version. On the desktop, everything is fine, even if you are changing the window (screen) size.

But when you check it on mobile or in Chrome console with the mobile view, the columns are not formatted properly (https://prnt.sc/k263c9). It looks like they format properly before the images (logos) are loaded, but when the images are shown, the responsive version got broken.

When you click green + symbol, you can also see that a few columns are missing there because they are hidden on the right side, so that’s why we think the content after the image is shown was moved to the right and hidden.

Thank you for help!

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

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

Plugin Author Tobias Bäthge
(@tobiasbg)

7 years, 9 months ago

Hi,

thanks for your post, and sorry for the trouble.

I can’t reliably reproduce this, but regardless, I think the best approach for this table is the scroll mode, or some completely custom solution where you restructure the table cells with other HTML elements.

Regards,
Tobias

splet99
(@splet99)

7 years, 9 months ago

I have a problem with mobile version in flip mode.
http://prntscr.com/k2cz2b

is there a simple solution to that?

Plugin Author Tobias Bäthge
(@tobiasbg)

7 years, 9 months ago

Hi,

we will need to adjust the row heights a little bit. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

splet99
(@splet99)

7 years, 9 months ago

sure, thanx
https://www.mrstroji.si/okk-stroji/
Plugin Author Tobias Bäthge
(@tobiasbg)

7 years, 9 months ago
Hi,

thanks! To fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
```
.tablepress td,
.tablepress th {
	padding: 8px !important;
}
```
Regards,
Tobias
splet99
(@splet99)

7 years, 9 months ago

works brilliant, many thanx!

Plugin Author Tobias Bäthge
(@tobiasbg)

7 years, 9 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!

Thread Starter tompon
(@tompon)

7 years, 8 months ago

Our case is resolved – the problem was due to CloudFlare’s Mirage optimization feature. When we turned it off, everything was OK..

Plugin Author Tobias Bäthge
(@tobiasbg)

7 years, 8 months ago

Hi,

awesome, that’s great! Thanks for the update!

Best wishes,
Tobias

sanin1987
(@sanin1987)

7 years, 4 months ago

I used Sydney theme on my site and I changed to Illdy. It is not completely ready but it looks nice. My mobile version is still on Sydney theme. Jacksonskypark.com

Thanks for helping me.

sanin1987
(@sanin1987)

7 years, 4 months ago

It is like frosen.

Plugin Author Tobias Bäthge
(@tobiasbg)

7 years, 4 months ago

Hi @sanin1987,

unfortunately, I can’t help with, as this is not a TablePress issue. You are most likely experiencing problems with caching.

Regards,
Tobias