Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 21, 2013 at 11:14 am #164383
    wesdacar

    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

    September 21, 2013 at 1:26 pm #164421
    Yigit

    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

    September 25, 2013 at 1:36 am #165895
    wesdacar

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

    September 25, 2013 at 1:46 am #165897
    wesdacar

    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.

    September 25, 2013 at 7:31 am #165962
    Devin

    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

    October 10, 2013 at 5:36 pm #173715
    wesdacar

    Hey great!
    Thanks Devin

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘do not display element in mobile view’ is closed to new replies.