Hi,
thanks for your question, and sorry for the trouble.
The cause for this are the “CLICK HERE” links in the “PRICE” column. Their HTML code is off (missing quotation marks, line breaks inside the HTML code, parts duplicated), which breaks the layout here.
The quickest solution would be to re-create those links in the “PRICE” column. After that, the table rows should be underneath each other again.
Regards,
Tobias
Hello Tobias,
I am not sure what you mean. If you can take a look now, it seems by removing my header row, things alligned.
But not the link for the price, repeats 2x (click hereclickhere) and the second link got the USD link doesn’t even appear…
Sorry I know this is completely weird…
Looking forward to your reply
Cynthia
Hi Cynthia,
the content of the cells in the “PRICE” column looks like this right now (for the first row):
$8.99 CAD <a href="https://fxo.co/90gA">CLICK HERE</a><a href="https://
$6.49 USD <a href="https://fxo.co/90f0">CLICK HERE</a><a href="https://
The extra piece of code <a href="https:// is causing the problems here.
Can you please change the content of that cell to
$8.99 CAD <a href="https://fxo.co/90gA">CLICK HERE</a>
$6.49 USD <a href="https://fxo.co/90f0">CLICK HERE</a>
Regards,
Tobias
Tobias I can not thank you enough. I would have never figured that out. I am not sur why that is happening when I create a link with table press. Now I can continue my post without further issue:) Fingers crossed anyway lol
Have a great weekend.
Cynthia
Hello Tobias,
Would you be able to help me for one more thing? How do I make the table responsive to tablet or mobile.
On the tablet, I can not see the last column of my table, which is the start ratings of the books.
This is the URL https://truehealthhub.com/best-pregnancy-journal/
Thank you so much!
Hi,
good to hear that this helped!
For the responsiveness problem, I recommend to first tell the browser to shrink the images. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress-id-4 img {
max-width: 100%;
}
If that’s not enough, you could maybe also use the scroll mode of the TablePress Extension from http://tablepress.org/extensions/responsive-tables/
Regards,
Tobias
Hello Tobias,
So it worked REALLy well for the tablet, however it did not work well for the mobile.
I just recieved an email from google search console that the writting is too small, due to the lack of responsiveness from the table.
Is the extension you are recommending to use the Scroll mode, another plig in? I tried to find it through my wordpress back office but no luck. Am I missing something?
Thank you,
Cynthia
Hi,
yes, that mentioned Extension is a separate plugin. As it requires TablePress to work, it’s not available via the WordPress admin area search. Instead, you’ll need to download it from http://tablepress.org/extensions/responsive-tables/ and install it manually, by uploading the ZIP file (see the bottom part of https://tablepress.org/extensions/ for some detailed instructions).
Regards,
Tobias
