Mobile problem….tables don't show good!

Posted in: Newspaper
Post count: 28
ToniRM
#232804
May 9, 2018 at 2:51 pm

Hi there! 🙂
I’ve a problem with tables when i see the site with a mobile device.
The tables aren’t displayed well but are cut to the side or overlap with the right column.
This is how the tables appear with iOS and Android.

Android

iOS (i can’t scroll the table to the right)

How can i solve it?
Thank you 🙂
Toni

Post count: 20688
Simion C.
#232894
May 10, 2018 at 8:35 am

Hi,

Maybe the tables used are not responsive. If they are not and have fixed sizes, then they will not resize with the available space. I could take a look, please provide a link to your website where a table is located.

Thanks

Post count: 28
ToniRM
#232994
May 10, 2018 at 4:24 pm

Hi! Thank you for your answer!
Sure! Here you can find a table
https://www.playstationzone.it/guide-trofei/moss-playstation-vr/
Thanks,
Toni 🙂

Post count: 20688
Simion C.
#233080
May 11, 2018 at 8:46 am

Hi,

Seems the table has fixed width just as I thought. This is what causes it to not display properly on mobile. However a code like this should fix it
– https://www.screencast.com/t/cP3s88l8
Enter it in Theme panel->Custom CSS section and check the results

.td-post-content table {
width: 100%!important;
}

Post count: 28
ToniRM
#233146
May 11, 2018 at 11:59 am

Wow! It’s work! 🙂
Thank you mate!

Toni

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.