Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 28, 2014 at 10:35 am #230521
    web_line

    Is there a way to hide an image (av_image) if the viewport is smaller then 760px (for example)?
    I need a rule for a specific image – not all content images.
    It would be nice to have a checkbox for this in the advanced layout editor.

    Thx!

    March 3, 2014 at 5:44 pm #231684
    Yigit

    Hey web_line!

    Can you post the link to your website and point out the image that needs to be hidden on mobile so we can provide you custom CSS code?

    Cheers!
    Yigit

    March 3, 2014 at 5:48 pm #231691
    web_line

    Hi Yigit,

    thanks a lot – the one on the left (sunset with angler): http://www.seeleflyrods.com

    The image shows:
    class=”avia_image avia-builder-el-7 avia-builder-el-no-sibling avia-align-left avia_animated_image avia_animate_when_almost_visible top-to-bottom avia_start_animation”

    Cheers,

    Detlef

    • This reply was modified 10 years, 8 months ago by web_line.
    March 3, 2014 at 5:52 pm #231694
    Yigit

    Hey!

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

    @media only screen and (max-width: 760px) {
#after_section_1 > div.container > div > div > div > div.flex_column.av_one_fourth.first.avia-builder-el-6.el_after_av_section.el_before_av_three_fourth.avia-builder-el-first > span > img {
display: none;
}}

    Regards,
    Yigit

    March 3, 2014 at 7:48 pm #231781
    web_line

    Thx!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Don't Show Image on small viewports (smartphones)’ is closed to new replies.