Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 10, 2016 at 7:02 pm #646307
    Asterios

    Deat Team,

    I just updated the Theme to its latest version and I got a huge problem with my Data-Tables.
    The content has lost the responsivness and everything is on top of each other.

    You can have a look here:
    https://drive.google.com/folderview?id=0B7Zpr2qxMSxiaFdhS0NTdFcxcDA&usp=sharing

    or live:

    Anmeldung und Gebühren

    I would appreciate any fast response, since the site is online.

    Best Regards
    Asterios

    June 10, 2016 at 8:22 pm #646328
    Vinay

    Hey asterios,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.responsive .avia_scrollable_table .avia-data-table>thead>tr>th, 
.responsive .avia_scrollable_table .avia-data-table>tbody>tr>th, 
.responsive .avia_scrollable_table .avia-data-table>tfoot>tr>th, 
.responsive .avia_scrollable_table .avia-data-table>thead>tr>td, 
.responsive .avia_scrollable_table .avia-data-table>tbody>tr>td, 
.responsive .avia_scrollable_table .avia-data-table>tfoot>tr>td {
    width: 150px;
}}

    Best regards,
    Vinay

    June 10, 2016 at 8:43 pm #646336
    Asterios

    Vinay you are great!

    Thank you very much for the speedy support, it now works fine again.
    One little thing: Is it possible to have the title “ERWACHSENEN-ENSEMBLE” a bit smaller?
    One can´t read it on mobiles.

    Best Regards
    Asterios

    June 10, 2016 at 9:17 pm #646354
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    /* For tablets*/
@media only screen and (max-width:767px) {
.avia-heading-row th {
	font-size: 12px!important;
	letter-spacing:0;
}
}

    Best regards,
    Vinay

    June 10, 2016 at 9:52 pm #646370
    Asterios

    Hi Vinay again,

    unfortunately it didn´t help. I get to see only the half of the title.
    Günter helped me some while ago with a similar problem.
    (https://kriesi.at/support/topic/problem-with-responsive-title/#post-601334)
    It was better after that.
    Now I tried all variations:
    yours, his, yours and his but the problem still remains.

    I know it is a long title…it´s the german language.

    Best Regards
    Asterios

    June 10, 2016 at 10:40 pm #646407
    Vinay

    Hi!

    Please try the below css in your child theme css

    @media only screen and (max-width:767px) {
.page-id-15411 .avia-table-2 .avia-heading-row th {
	font-size: 12px!important;
	letter-spacing:0;
        white-space: pre-wrap !important;
       word-break: break-all;
}
}

    Regards,
    Vinay

    June 10, 2016 at 11:07 pm #646416
    Asterios

    Hi Vinay,

    the solution doesn´t make it perfect but it is much better and one can understand what is written.
    I can live with that. You can mark the topic as solved.

    Thank you very very much for your great support!

    All the best
    Asterios

    June 12, 2016 at 2:37 am #646744
    Vinay

    Hey!

    It is a bit tricky because the available space is very small and the content is more :( and if we reduce the font size further it will be a problem to read the text on the mobile devices. Thank you for your understanding and kind words :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Data Table – Responsiveness after Update’ is closed to new replies.