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.
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.
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?
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