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

    Hi
    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:

    http://maurilux.com/wp-content/uploads/2013/09/mobileview-display-none.jpg

    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

    #164421

    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,
    Yigit

    #165895

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

    #165897

    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.

    #165962

    Hello!

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

    
    add_theme_support('avia_template_builder_custom_css');
    

    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.

    Regards,
    Devin

    #173715

    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.