Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 6, 2015 at 12:51 pm #455468
    spr

    Hi,
    I have problem when try resize table row, I need the header row are on top of each row content

    This is my table:

    View post on imgur.com

    this is my problem when use responsive design:

    View post on imgur.com

    Table admin:

    View post on imgur.com

    Thanks for all

    • This topic was modified 9 years, 5 months ago by spr.
    June 8, 2015 at 8:30 am #455774
    Rikard

    Hi spr!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    June 11, 2015 at 10:00 am #457688
    spr
    This reply has been marked as private.
    June 12, 2015 at 5:26 am #458160
    Rikard

    Hi!

    Please use the following in Quick CSS to hide the header row on mobile and to style the Header text for mobile:

    @media only screen and (max-width: 767px) {
tr.avia-heading-row {
display:none !important;
}
.responsive .avia_responsive_table .avia-data-table td:before {
  font-style: italic;
  font-size: 16px;
}
}

    Regards,
    Rikard

    July 3, 2015 at 9:29 pm #468229
    spr

    thanks :)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Table header row responsive error’ is closed to new replies.