Table Bug Fix and Improved Image Scaling in Firefox

Hello!

First of all, what a great theme it is. Thanks to the whole team for the effort : )

I’ve encountered some problems using it and here are my solutions:

1) There was a discussion earlier about a table bug which results in wrong order of row labels on mobile devices (https://kriesi.at/support/topic/table-bug-enfold/). As I understand, there is no element zero in CSS, so changing line 282 in \config-templatebuilder\avia-shortcodes\table.php
$responsive_style .= ".avia-table-".self::$table_count." td:nth-of-type({$counter}):before { content: '".$row['content'][$counter]['content']."'; } ";
to

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

should fix the problem.

2) I was also annoyed by the resulting quality of scaled logo images in Firefox. Adding
.logo img{image-rendering: auto;}
to \css\custom.css should improve it (https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering).

Hope it helps someone. Good luck!

• This topic was modified 11 years, 3 months ago by logishkas. Reason: Typos