Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 26, 2016 at 6:36 pm #665428
    danielgulau

    Hello there!

    Why the first Icon is moved ?? I need them all in one line

    Thanks!

    Daniel

    July 26, 2016 at 9:11 pm #665467
    danielgulau

    Hello there

    Problem solved.

    I have another question: Is it possible to hide a column for mobile displays?

    The table looks really bad on mobile

    Please advice

    Thanks

    July 26, 2016 at 9:21 pm #665473
    Vinay

    Hi,

    There are 2 workarounds for the table.

    1. In table options you can select scroll in small screen devices.

    2. To hide only in mobile please enable custom css class name for advanced layout builder elements http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and use the below css

    
/*Show only in mobile or desktop*/

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

    Best regards,
    Vinay

    July 26, 2016 at 9:30 pm #665483
    danielgulau

    Hi Vinay

    Its not really working

    Is it possible to hide some columns for mobile displays?

    July 26, 2016 at 9:40 pm #665494
    Yigit

    Hey!

    Sure, please edit your column element and choose to hide it on mobile on mobile tab – http://i.imgur.com/TfqD3n3.png

    Cheers!
    Yigit

    July 26, 2016 at 10:44 pm #665521
    danielgulau

    Hi Yigit,

    You didn’t understand me.

    Is it possible to hide some columns from the table?

    Please check the two links

    Thanks!

    July 29, 2016 at 2:30 am #666452
    Ismael

    Hi,

    This should hide the columns:

    .avia-table.avia-data-table.avia-table-2 tbody tr td:nth-child(3), .avia-table.avia-data-table.avia-table-2 tbody tr td:nth-child(4) {
    display: none;
}

    Or apply a minimum width to the table:

    @media only screen and (max-width: 767px) {
.avia-table {
    min-width: 968px;
}
}

    Best regards,
    Ismael

    July 29, 2016 at 10:02 am #666514
    danielgulau

    Hi Ismael

    Thanks, but it hides the columns always. Is it possible to hide it only when it in mobile?

    Thanks!

    August 1, 2016 at 11:26 am #667194
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
.avia-table.avia-data-table.avia-table-2 tbody tr td:nth-child(3), .avia-table.avia-data-table.avia-table-2 tbody tr td:nth-child(4) {
    display: none;
}
}

    Regards,
    Rikard

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