Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #230521

    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!

    #231684

    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

    #231691

    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 9 months, 3 weeks ago by  web_line.
    #231694

    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

    #231781

    Thx!

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

The topic ‘Don't Show Image on small viewports (smartphones)’ is closed to new replies.