Guide: Hide Elements on Desktop

Last Updated: Nov 22, 2017

Note: We do not provide support for hacks, so use them at your own risk. If you're not comfortable with coding, we recommend against using this workaround.

To target for extra wide screens:

1. Assign a classname to an element you want to hide on desktop. For example, you could give an image the classname of "hide-for-desktop" in the Column Styles with that image selected.

2. Add this code in the global custom CSS code editor to hide that element on desktop (you can adjust the pixel amount to fit your needs):

@media only screen and (min-width: 768px) {

   .hide-for-desktop {

       display: none !important;


seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found