Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 10, 2016 at 2:50 pm #646222
    2funky

    There is a problem with the columns overlap when using : table + make entire table scrollable – MOBILE error!!

    http://www.tiikoni.com/tis/view/?id=337facc

    WP: 4.5.2 / ENFOLD: 3.6.1 (fresh upload via FTP)

    Hope You have can help ;)

    Regards Pete

    • This topic was modified 8 years, 5 months ago by 2funky.
    June 10, 2016 at 3:54 pm #646254
    Vinay

    Hey 2funky,

    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 > 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 4:52 pm #646269
    2funky

    Hey Vinay,

    Thank you for quick good support.
    I’ve added a few lines, so ‘header row’ also comes with.
    Hope you add a solution that works in next update.

    Best regards, Pete

    @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: 230px;
    }}

    June 13, 2016 at 7:53 am #647216
    Vinay

    Hi,

    Thank you sharing your tip :) FYI To know more about enfold features please check – http://kriesi.at/documentation/enfold/

    Thank you for using Enfold!

    Best regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘TABEL + Make entire table scrollable – ERROR MOBILE, Enfold 3.6.1!!’ is closed to new replies.