Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi there. I am trying to figure out how to hide parallax images on mobile without hiding some of my full-width divider images that are not set up as parallax. My test site – www.chetola.info. The parallax images are just too blown up in mobile to use so I want to hide them but keep the dividers (which are not set up as parallax – they are set up as full width, centered). Please help. Thanks! And by the way…love, love, love the page builder. So easy for my clients.
Hi Heidi,
Unfortunately, I can’t seem to view your website at the moment as it timing out for, but if you’ve set up the parallax as their own dedicated rows you should be able to follow the instructions outlined in this post.
You can do this with some custom CSS and a row class. Please open the rows you wish to hide by clicking the wrench icon above it, then head over to the row styles sidebar and open the Attribute settings group. Set the row class as hide-mobile then repeat this process for each row you wish to hide on mobile.
Then please navigate to AppearanceCustom CSS and add the following CSS:
@media (max-width: 550px){ .hide-mobile { display: none; }}You might also need to install the SiteOrigin CSS Editor.