Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 23, 2017 at 6:42 pm #737385
    Munford

    Hi guys
    I am trying to get some tables looking good on mobile devices.
    (see link below)
    The top table is set “adjust table to screen size”
    the others are “make entire table scrollable”

    Neither are very good – is there a way to set the width so there isn’t a long scroll of text on the right side,
    or get it to fit to screen size in the right way?
    thanks
    Nancy

    January 26, 2017 at 10:24 am #738815
    Ismael

    Hi Munford!

    Thank you for using Enfold.

    Why is the width set to 1px?

    th.avia-desc-col {
    width: 1px;
}

th.avia-desc-col {
    width: 1px;
}

    Please add this in the Quick CSS field.

    @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 {
    white-space: normal !important;
}

.responsive .avia_scrollable_table {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.avia_scrollable_table .avia-table {
    width: auto;
}
}

    Best regards,
    Ismael

    January 26, 2017 at 11:34 am #738839
    Munford

    thanks I will try that. Not sure where that 1px css came from…
    I seem to be having lots of table problems – there is a corrupt table on pc on that same page above that is causing issues with the site (see https://kriesi.at/support/topic/urgent-front-page-listed-wrong-on-admin-redirect-on-google/#post-738307). Maybe you can take a look at that? really not sure what wrong…the site displays fine (except on Safari)

    I also cannot get rid of the border on the mobile table on the page below – that starts with “TIRSDAG” = when I set the table properties they do not change. I just want the border: none

    I know this is many topics but the site is live and only relevant for the next few weeks.

    thanks fro your help, always
    Nancy

    January 30, 2017 at 5:10 pm #740294
    Andy

    Hi,

    quite confusing. Please use different tickets for different questions/issues. Then you’ll get a faster reply as well.

    Make things crystal clear for us, by using screenshots showing what you’re talking about (imgur.com, dropbox). If you can also show us a mockup showing the results you want to achieve, then we can provide some precise css code.

    Best regards,
    Andy

    January 30, 2017 at 5:21 pm #740302
    Munford

    I’ll do that you can close this ticket
    thanks

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘mobile tables width / adjustment off’ is closed to new replies.