Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #646307

    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:

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

    Best Regards
    Asterios

    #646328

    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

    #646336

    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

    #646354

    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

    #646370

    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

    #646407

    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

    #646416

    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

    #646744

    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

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