![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
March 19, 2021 at 2:25 pm #1289181
Hi! I’ve got 4 tables on my page next to eachother, but when the text/word in de first column is too long, the text goes behind the second column. I can set the first column to 80%, but that is not looking fine on other tables. Is it possible to make this auto? So when the word is too long, the second column is less wide?
I hope you understand me, but here in the golden box you see 4 white tables and the last is not showing very well. Link in private data!Also, on mobile the first row is disappearing. Any idea how that is possible? Cant figure it out!
Thanks a lot,
JannekeMarch 21, 2021 at 10:12 pm #1289524Hey jannnnnneke,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top.page-id-221 .avia-table.avia-data-table.avia-table-4 tr td:first-child { width: 190px; }
If you need further assistance please let us know.
Best regards,
VictoriaMarch 22, 2021 at 12:54 pm #1289613Hi Victoria,
This is working, but is it not possible to make the table automatic the right width? Now I need to change the width for every device and also for the other tables on this page.
Thanks!
Janneke
March 22, 2021 at 12:56 pm #1289615For example: when the screen is 1000px wide, the second column is very small when I use your code.
How can I fix that?March 24, 2021 at 5:20 pm #1290183I fixed it for now, that’s fine.
Only on mobile the first row is disappearing. Any idea how that is possible? Cant figure it out! It is only on mobile.
Thanks!
March 27, 2021 at 6:55 pm #1290759Hi,
Thank you for your patience, I believe that you are referring to the section in the screenshot in the Private Content area for mobile screens.
Please give this css a try:@media only screen and (max-width: 767px) { .locatie-tabel tr:first-child > td:first-child { padding-top:15px !important; } }
and see my test result below.
Best regards,
MikeMarch 28, 2021 at 8:34 pm #1290968Yes perfect, that was exactly what I meant! Thanks a lot Mike!
March 28, 2021 at 9:30 pm #1290974Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
Mike -
AuthorPosts
- The topic ‘Table td auto width’ is closed to new replies.