Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 25, 2016 at 7:01 pm #703925
    bulewold

    hi there, I understand with tables, it can be a bit tricky but wanted to see if you guys can help.

    I found an example here:
    Make the Table Layout Mobile Friendly

    But wanted to see if you guys have a ways of controlling this via theme or CSS?

    If you look at this page: https://clearcharity.org/join-us/volunteer
    4th column is outside when it’s on mobile view. And I’d love it if it can be somehow make it fit within the view OR make so that all tables are displayed automatically vertically like the first link I shared.

    Any thoughts?
    Thanks!

    October 26, 2016 at 6:44 am #704129
    Vinay

    Hey bulewold,

    To make the table scrollable please use the tabular data in table purpose and change the responsive options to scrollable as shown in the below picture.

    Best regards,
    Vinay

    October 26, 2016 at 7:31 am #704143
    bulewold

    That’s good to know but this table wasn’t made with Enfold but it’s another plugin that creates table using shortcode… Anyway to control all table behavior in smaller screens?

    October 26, 2016 at 4:23 pm #704397
    Yigit

    Hi,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your text block element in which you have inserted your table and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class { overflow-x: scroll; }

    Best regards,
    Yigit

    October 26, 2016 at 5:13 pm #704440
    bulewold

    That worked, thanks! I’m assuming making table horizontal view is not as simple as this? This is definitely a workaround but just curious to see if there’s another option or not?

    Thanks!

    October 26, 2016 at 5:56 pm #704465
    Yigit

    Hi!

    That would require further customization. In my opinion this is the simplest solution :)

    Cheers!
    Yigit

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