Widget Settings - Responsive Properties

All widgets within DecoNetwork's Website Editor feature a dedicated Responsive Properties tab in their settings. These responsive properties provide you with the flexibility to customize how widgets behave and appear on different screen sizes. This capability is invaluable for optimizing user experience by adapting the layout and content that may impact performance on certain devices, such as tablets or mobile phones where slower loading times could detract from usability.

Watch the video below for a quick overview of the responsive properties for widgets, and read below for more detailed instructions and information on configuring these settings.

To configure the responsive properties of a widget:

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.