Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 19, 2021 at 2:25 pm #1289181
    jannnnnneke

    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,
    Janneke

    March 21, 2021 at 10:12 pm #1289524
    Victoria

    Hey 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,
    Victoria

    March 22, 2021 at 12:54 pm #1289613
    jannnnnneke

    Hi 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 #1289615
    jannnnnneke

    For 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 #1290183
    jannnnnneke

    I 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 #1290759
    Mike

    Hi,
    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,
    Mike

    March 28, 2021 at 8:34 pm #1290968
    jannnnnneke

    Yes perfect, that was exactly what I meant! Thanks a lot Mike!

    March 28, 2021 at 9:30 pm #1290974
    Mike

    Hi,
    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Table td auto width’ is closed to new replies.