Make Custom Changes to Mobile and Desktop Separately

[laurenfrancis]

Hello!

I am currently using the "Showcase" theme. I am hoping to edit the mobile and desktop versions of my site separately. Is there a way to un-tether the two from each other in the editor? Alternatively, is there a way to have some of the sections on a page appear only on the desktop and have some others appear only on the mobile?

I have tried to insert the below custom CSS into the "Custom CSS" box but received an error message that At-Rules are not permitted.

.show-mobile { display: none; }
.show-desktop { display: block; }

@media screen and (max-width: 798px) { 
  .show-mobile { display: block; }
  .show-desktop { display: none; }
}

Thanks so much in advance for your help!

[made4Uo]

Hi @laurenfrancis,

You can follow the video below to do this on any sections