Column width on mobile

  • Resolved user923170456

    (@user923170456)


    11 months, 1 week ago

    On mobile, the Group Climbs table is not responsive.

    The 2nd column is very wide. But the funny thing is that when you scroll down to the “Short Rainy Season” row, it suddenly adjusts the table width to fit everything.

    I have tried setting the column width as pixels and as percentages, but it doesn’t fix the issue. This is only on mobile. It looks good on a desktop.

    Please help me. Thanks, Tobias.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi!

    Thanks for your post and sorry for the trouble!

    The reason for this seems to be some “lazy loading” feature for the small moon icon images in the second column of the table. When the image is not yet loaded, the browsers seems to be showing a very wide placeholder for it. Then, when you scroll down and the image becomes visible, it is loaded. And when all images in the table are loaded (and they are very small), the column width changes.

    You could maybe try adding this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress to make this less visible:

    .tablepress-id-18 .column-2 picture img {
    width: 9px;
}

    Regards,
    Tobias

    Thread Starter user923170456

    (@user923170456)

    Thanks for your help. The custom code didn’t work. But since you let us know the issue was due to the images, we just got rid of them altogether and used other symbols. Fixed! Thank you!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    yes, that will ultimately be the best. If there are no images, they can’t change their sizes ??

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Column width on mobile’ is closed to new replies.