How to hide a color section ID#001 on desktop and show ID#002 in its place, and:

Hey domainarchitect,

To achieve what you are looking for, you can do this by adding ID’s to your Color Sections in the element options and then show/hide them with CSS:

@media only screen and (min-width: 768px) {
#002 {
display:block;
}
#001 {
display:none;
}
}

@media only screen and (max-width: 767px) {
#002 {
display:none;
}
#001 {
display:block;
}
}

Best regards,
Jordan

Hi,

Thanks for getting back to us!

Would you mind also providing administrator login details to your WordPress site, so that we can have a closer look. You can place the information in the private data section of your reply.

Please also indicate the color sections that are to be hidden on desktop but shown on mobile and vice versa.

Best regards,
Jordan