Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #23539

    Hello. Is there a way to hide the (parallax image) in mobile view using media queries? For example, I’m referring to “The Office” image shown on “The Team” page. The image section does not translate well on a mobile device and appears blurry and not readable. Seems like a idea to simply hide it from mobile view. Thanks.

    #120176

    You can use following code to hide it:

    @media only screen and (max-width: 959px){
    .avia-layerslider.main_color.avia-shadow{
    display: none !important;
    }
    }

    You can change the max-width value if you want to include/exclude different screen sizes.

    #120177

    I don’t know if the topic starter was helped by this, but it doesn’t work for me: http://mep.raffeltest.nl

    I’ve managed to get rid of the Layerslider on mobile, but how do I easily target other sections?

    #120178

    Hi dekkert,

    You can inspect the page using any of the browser dev tools and then target the ID for the section you want to hide.

    Regards,

    Devin

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

The topic ‘Media Query for Scrolling Image’ is closed to new replies.