Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 12, 2019 at 12:42 pm #1109467
    fw100

    Hello again,

    I need help with hiding a specific avia row/column-element for display on desktops. That means, that the element shall only be visible on smartphones.

    Thank you very much in advance for a hint!

    June 13, 2019 at 4:39 am #1109663
    Rikard

    Hey fw100,

    If you enable the custom CSS fields under Enfold->Layout Builder, you can then add a class to the element in question. For instance only-mobile. Then add this to Quick CSS:

    .only-mobile {
  display:none;
}

@media only screen and (max-width: 767px) {
.only-mobile {
  display:block;
}
}

    Best regards,
    Rikard

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