Setting up device visibility of sections and elements
There is an option to set up Device visibility that is to select which devices will display a particular section or element:
— all devices
— PC only
— mobile devices only
It is often useful if you are creating a site for different devices.
Setting up a section
For example, you have a section that looks great on PCs but is not suitable for mobiles.
It’s convenient to browse menu tabs on the large screen: a bright photo represents the menu section (Salads or Desserts) and dishes are displayed on the right.
But the same menu looks differently on a small smartphone screen. It seems that the photo displays the first menu item but the image doesn’t match the content.
In this case, it's better to select visibility on PC only and make an alternative section with the menu to be displayed on mobile devices.
You won’t have to create two sites (for PCs and mobile devices) as it will be enough to set up visibility of each section for different devices.
When Device visibility is enabled in a section, a green device icon appears in the top right corner.