Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 17, 2018 at 7:08 pm #898635
    lbccomm

    I used a table to display a schedule for an event we’re hosting. It is displaying correctly on desktop, but the information is wrong on mobile. Link is provided.

    In case you aren’t seeing what I’m seeing:
    There are two days of events on the table (Friday & Saturday). On the mobile version, the Friday header is missing, and the small date added to each cell contains the Friday date, even under the Saturday header.

    Thanks for looking into this.

    January 19, 2018 at 12:14 am #899366
    Basilis

    Hey lbccomm,

    I load the web site and it does not load at all I get error Unable to Connect

    Best regards,
    Basilis

    January 19, 2018 at 1:31 am #899407
    lbccomm

    Hi, yes, there was an issue with the hosting company, but it’s resolved now. Please check again, thanks.

    January 19, 2018 at 12:27 pm #899635
    Victoria

    Hi lbccomm,

    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

    
@media only screen and (max-width: 767px) {
 .responsive .avia_responsive_table .avia-data-table tr:first-child th {
   display: block;
 }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    January 19, 2018 at 4:42 pm #899728
    lbccomm

    I added the code to the Quick CSS section and it added the Friday header back to the table, but under Saturday, each cell is still labeled as Friday.
    I then added the code to custom.css and there was no change.

    January 22, 2018 at 9:08 am #900682
    Victoria

    Hi lbccomm,

    This is the code that gives the Friday text,
    Image 2018-01-22 at 15.06.42.png

    Please add this:

    
.avia-table-1 td:nth-of-type(1):before {
    content: '' !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.