Hide Background Layers on Mobile

[ranchhouse]

Hi, I’ve created some a parallex effects using columns. They look pretty funky on mobile. Can you please advise how to hide the leaf elements on mobile? This is for the Organic Farming/Instagram section towards the bottom of the page.

http://puuohoku.rhdproofs.com/

ADDED - I’m also having an issue with the mobile menu. When scrolling down the page, there is a gap between the top of the menu and top of the browser window.

Thanks so much.

[thai]

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 767px){
    .el37.x-column,
    .el40.x-column {
        display: none !important;
    }
}

.hm11.x-bar.x-bar-top {
    top: 0 !important;
}

Hope it helps

[ranchhouse]

Perfect! Thank you!

[friech]

You’re more than welcome, glad we could help.

Cheers!