Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #295863

    Hi guys,

    I have a 12 column (12 months of year) avia-data-table – which renders perfectly on desktop and tablet mode.

    When rendered on mobile version the January Header is missing and the data cell is at the bottom of the table.

    Is there a css fix for this? Thanks.

    #296357

    Hi haydozmcl!

    First try updating the theme to the most recent release so we can make sure there isn’t an older bug causing an issue with the table layout on mobile. I know its been looked and tweaked a bit these past few updates.

    For a quick guide on updating your theme take a look at: http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Devin

    #296705
    This reply has been marked as private.
    #297171

    Hi!

    Thank you for the update.

    Please edit the table then set the Table Purpose as tabular data. Look for the Responsive Styling then select the second option to make it scrollable.

    Best regards,
    Ismael

    #297172

    Hi Ismael,

    Thanks for the reply but that doesnt fix my problem it just creates a scrolling table in mobile mode.

    I wanted the same vertical layout as I originally had, I just want the first cell to display correctly.

    Any other suggestions?

    #297288

    Hey!

    I checked the site again and it looks fixed now. The January header is now showing on mobile view.

    Regards,
    Ismael

    #297293

    Hi Ismael,

    Thanks for your email.

    Yes, my friend who does CSS said he “hacked” it to death. He said it isn’t an elegant solution at all. If the column header text changes it will break again.

    #297495

    Hey!

    Glad you figured it out. If you still have questions, let us know.

    Cheers!
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘avia-data-table – First Column header missing in mobile’ is closed to new replies.