Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #164383

    is it possible, to not display certain elements from the avia layout builder, just in the mobile view?

    For example i have big image, that is disturbing in the mobile view, so i want to remove it there.
    Like marked with red on this image:

    If i could add a class for the mobiele view to a single element, i could tell there not to display it, i guess.
    But how can i add css classes to the single elements in the avia layout builder ?

    Thanks for answers


    Hello wesdacar!

    Please add following code to Quick CSS in Enfold theme options under Styling

    @media only screen and (max-width: 767px) { .page-id-342 .avia_image { display: none; } }

    It will remove images on that particular page on screens smaller than 767px

    Best regards,


    Thanks Yigit.
    But how can i use that just on specific image or <div> ?


    By the way. where can i place suggestions for the theme.
    I think it would be great for the avia layoutbuilder if you had a custom css field for each element.
    And an option to “not display in mobile view” for each elment.



    That is actually available! You can enable the custom class field by adding the following to your functions.php file:


    Then just add your own .mobile-hidden class to your custom.css or quick css and add it to any element you want to hide.



    Hey great!
    Thanks Devin

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘do not display element in mobile view’ is closed to new replies.