Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 13, 2018 at 10:33 am #972194
    Chris_85

    hi,
    on the following post i use a table which is not scrollable on mobile. How can i solve this problem? At the moment i use

    x-overflow: scroll; but this doesnt work…

    Best regards

    Chris

    June 14, 2018 at 7:30 am #972645
    Rikard

    Hey Chris_85,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
  table {
    width:auto !important;
  }
}

    Best regards,
    Rikard

    June 22, 2018 at 9:29 am #976162
    Chris_85

    Hi Rikard,

    i tryed this before. But the table is still not scrollable with your code…

    Can you check plz.

    June 22, 2018 at 10:58 am #976237
    Nikko

    Hi Chris_85,

    Can you try adding this css code also:

    @media only screen and (max-width: 767px) {
  .responsive #top, 
  .responsive #wrap_all, 
  .responsive .template-blog .post .entry-content-wrapper {
    overflow-x: visible !important;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    June 28, 2018 at 12:05 pm #978849
    Chris_85

    Hi Nikko,

    is there no solution for including a scrollbar for the table?

    Best regards

    Chris

    June 29, 2018 at 10:05 am #979241
    Nikko

    Hi Chris_85,

    Unfortunately as far as I know there isn’t another solution if you want to keep that layout.
    The solution I could recommend is to have the table hidden on mobile and create 3 tables with 2 columns for each tax bracket which will display only on mobile devices.
    You just need to make use of the Screen Options option in the element.
    Hope this helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.