Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 24, 2015 at 1:30 pm #541575
    GeorgLudwig

    Please have a look onto the product desciption table given the link in the private content. It looks fine on desktop, but it doesn’t on mobile.

    The caption of the first row (column 1), “Type”, is duplicated into the second column for each row.

    Also the first row doesn’t have a caption formatting like the following rows.

    Regards,
    Georg

    November 25, 2015 at 7:18 am #542149
    Basilis

    Hey GeorgLudwig!

    That does look like an interesting issue.
    Can you please update to Enfold latest, before we get into further debuging and be sure that the issue is not solved with the update?
    Thanks a lot

    Best regards,
    Basilis

    November 25, 2015 at 9:57 am #542226
    GeorgLudwig

    Hi Basilis,

    I updated the theme to 3.4.3 on my development site with NO positive effect. Please don’t excpect the production site to have this version – it’s still 3.4.1 there. I’m having the same effect on another site which is currently mirrored on my development site. I give You the link within the private section.

    Regards,
    Georg

    November 25, 2015 at 10:13 am #542234
    GeorgLudwig

    Inspected the page given in my last post. The reason is:

    <div class='avia-data-table-wrap avia_responsive_table'>
    <table class='avia-table avia-data-table avia-table-1  avia-builder-el-5  el_after_av_textblock  avia-builder-el-last  ' itemscope="itemscope" itemtype="https://schema.org/Table">
        <tbody><tr class=''>
            <th class='avia-desc-col'>Material</th>
            <td class=''>4D Pearl Sheen Bronze</td></tr><tr class=''>
            <th class='avia-desc-col'>Chloriert</th><td class=''>Nein</td></tr>
            <tr class=''>
            <th class='avia-desc-col'>Besondere Merkmale</th>
            <td class=''>asymmetischer Schnitt, zweilagiger Kragenaufschlag, diagonaler Reißverschluss, drei Taschen, textiles Innenfutter</td>
            </tr>
        </tbody>
    </table>
</div>
<style type='text/css'>
    .avia-table-1 td:nth-of-type(1):before {
        content: 'Material';
    }
</style>

    within the table. It’s rendered in mobile version only. As the caption is placed inside the <th> section this might be superflous. I tried commenting out the line in table.php (361):

    $responsive_style .= ".avia-table-".self::$table_count." td:nth-of-type(".($counter + $responsive_style_nth_modifier)."):before { content: '".$row['content'][$counter]['content']."'; } ";

    which seems to be responsible for the responsiveness of the table. This removes the superflous headings, but the heading of the first row as well.

    Regards,
    Georg

    November 30, 2015 at 12:18 pm #544411
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    .avia-table-1 td:nth-of-type(1):before{
        display: none !important;
    }

    .responsive .avia_responsive_table .avia-data-table tr:first-child th{
        display: block !important;
    }
}

    Cheers! 
    Josue

    November 30, 2015 at 12:41 pm #544429
    GeorgLudwig

    Works perfect – Thx.

    November 30, 2015 at 8:47 pm #544792
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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