Hi there,
thats because the Table you have on that page is not responsive – its overflowing the Content Container which isn’t good and isn’t standard behaviour. To diagnose the issue i would need to see the site.
If i can’t see the site then…. how was the table added ?
Thread Starter
fimo66
(@fimo66)
Hi David,
Thanks for taking the time to help me :o)
It was copied from Excel to wordpress if that gives a hint to my problem ?
start is like this:
<h3 style="text-align: left;"></h3>
<table width="675">
<tbody>
<tr>
<td width="145"><strong>Address</strong></td>
<td width="159"><strong>Namn</strong></td>
<td width="227"><strong>E-post</strong></td>
<td width="144"><strong>Telefon</strong></td>
</tr>
<tr>
the end somthing like this
</tr>
</tbody>
</table>
This code does not mean anything to a novice like me :o)
You want to remove the width attributes.
For example this line:
<table width="675">
should be:
<table>
And this:
<td width="145"><strong>Address</strong></td>
should be:
<td><strong>Address</strong></td>
This will leave the browser to auto arrange and resize them.
Thread Starter
fimo66
(@fimo66)
Thanks i will try and return with the result :o)
Thread Starter
fimo66
(@fimo66)
Hi again, now i changed it like this:
<h3 style="text-align: left;"></h3>
<table>
<tbody>
<tr>
<td><strong>Address</strong></td>
<td><strong>Namn</strong></td>
<td><strong>E-post</strong></td>
<td><strong>Telefon</strong></td>
</tr>
<tr>
the end like this
</tr>
</tbody>
</table>
but i still have half of the screen gray – did i do something wrong ?
ying
(@yingscarlett)
Hi there,
We would have to see the site to diagnose the issue, there might be some CSS effects its behavior.
Let me know 🙂
Thread Starter
fimo66
(@fimo66)
Hi again,
Can you see something here from my test site ?
https://soccerplay.bet4fun.dk/index.php/about-us/
its the same error when going into mobile view / half of the screen is light gray
dont know if you can see the same ?
:o)
-
This reply was modified 4 years, 4 months ago by
fimo66.
Leo
(@leohsiang)
Hi there,
This really isn’t a theme issue so we can only provide limited advise here.
Tables are tricky to deal with – especially for response purposes.
If you aren’t comfortable with creating your custom table from scratch with HTML, then I’d recommend using a table-specific plugin:
https://en-ca.wordpress.org/plugins/tablepress/
https://wordpress.org/plugins/wp-responsive-table/
You can also use a plugin to start and view the HTML and CSS source to see exactly how the plugin achieves the final result.
Thanks for your understanding 🙂
Thread Starter
fimo66
(@fimo66)
OK thanks for taking your time to look into this for me, i will take a look at the 2 plugins you sendt to me – thanks :o)
Thread Starter
fimo66
(@fimo66)
Just for info, tried the plugin presstablet and it was better with the color BUT if you take a look at my test site, there is still a gray area above the “plugin” text in mobile view
is that also an error outside this theme ?
sorry for asking again….
-
This reply was modified 4 years, 4 months ago by fimo66.
Leo
(@leohsiang)
Looks like the table is still not responsive.
I believe you need the pro version of TablePress to get the responsive feature.
Maybe try the other plugin?
