How to Hide an Element on Desktop?

You should be able to do this with a little custom CSS. Basically this would be doing the reverse of what our built-in options do.

Please follow the given steps:

1. Go to Page Settings >> Other Scripts >> Custom CSS and add the given code below.

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

2. Find the element you would want to hide on desktop then click the 'Advanced element options' icon.

3. Enter the word 'hidedesktop' as an element class under the Element class option. Kindly refer to the screenshot link as a guide for this:

This will ensure that the element is only shown on screen widths lower than 960px (which is typical desktop resolution).

IMPORTANT: "hidedesktop" (without quotes) class is just an example. You are free to create/use your own element class.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.