Set the visibility of a widget for different screen sizes

DecoNetwork's Website Editor offers a diverse range of widgets including product galleries, content displays, navigation elements, forms, social media integrations, interactive features such as buttons and search fields, and maps, allowing users to easily enhance their websites with customizable and functional components. Widgets are modular components or elements that you can easily add, customize, and arrange within your web pages.

Ensuring your widgets appear appropriately across various devices is crucial for delivering a consistent and user-friendly experience. In DecoNetwork's Website Editor, every widget includes a Responsive Properties tab, offering flexibility in specifying the devices on which the widget should appear. This feature is crucial for enhancing user experience by selectively hiding content that could affect performance on devices like tablets or mobile phones, where slower loading times might hinder usability.

To set the visibility of a widget for different screen sizes:

1. Mouse over the widget.

   The widget's controls will be displayed.

2. Click on the down arrow beside the widget icon.
3. Choose the Settings item from the drop-down menu.
   

   The widget Settings popup will be displayed.

   

   You can also double-click on the widget to open the widget Settings popup (excludes Text, Page Title, and Heading Widgets).

4. Click on the Responsive Properties tab.
   
5. Set the widget's visibility on each supported device size:
   • Wide Monitor
   • Monitor
   • Tablet
   • Mobile

   Select the Visible option to show the widget.

   Select the Hidden option to hide the widget.

6. Click OK, once you have finished configuring the settings.
7. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.