Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 25, 2014 at 10:57 am #295863
    haydozmcl

    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.

    July 27, 2014 at 5:11 am #296357
    Devin

    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

    July 28, 2014 at 12:37 pm #296705
    haydozmcl
    This reply has been marked as private.
    July 29, 2014 at 6:07 am #297171
    Ismael

    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

    July 29, 2014 at 6:19 am #297172
    haydozmcl

    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?

    July 29, 2014 at 2:22 pm #297288
    Ismael

    Hey!

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

    Regards,
    Ismael

    July 29, 2014 at 2:38 pm #297293
    haydozmcl

    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.

    July 30, 2014 at 2:26 am #297495
    Ismael

    Hey!

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

    Cheers!
    Ismael

  • Author
    Posts
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.