Use Screen Settings to create unique experiences across devices. You can choose whether an element or section (containing element) displays on Widescreen, Laptop, Tablet, or Mobile.

How to Toggle Between Device Views

Switching between the four device views that Shogun offers is super simple. You can find this option on the top of the editor.

Where to Change an Elements Screen Settings

You can find page settings in the right-hand menu of the editor! Simply click on the element that you would like to edit, and find the Screen Settings in the right-hand menu.

How to Use Screen Settings

Screen Settings are super useful! To use them, simply navigate to the Screen Settings section of an elements settings. If the button is blue in the Screen Settings, this means that the element will show on these devices. If the button is grey, then it will not show when viewing your site on this device.

For example, if you would like an element to show on desktop but not on mobile or tablet, your screen settings would look like this,

As you can see in the example above, this will only show on widescreen devices and desktop as these are the only two devices that are selected.

You can mix and match Screen Settings to fit your needs. This can really help you create a design that you are proud of, and that works for all of your users.

Did this answer your question?