RSS.app widgets include several tools that let you control how your widget appears on desktop, tablet, and mobile screens. You can manage layout behavior using Responsive Mode, Device-Specific Settings, and Breakpoints.
1. Responsive Mode
To access Responsive mode:
1. Open your widget and click Customize.
2. The General section is the first panel you see by default. This is where you will find the Responsive option.
Responsive is turned on by default.
What Responsive Does
With Responsive enabled, the widget automatically adjusts to the available width by:
Changing the number of columns
Resizing cards proportionally
Adjusting the widget width for smaller screens
This ensures the widget stays readable in narrower containers or on mobile devices.
If You Turn Responsive Off
You get full manual control. You can set:
Number of columns
Widget width
The widget will then use exactly the layout you specify, without auto-adjusting for screen size.
If the widget does not resize correctly even when Responsive is ON,
you should turn Responsive OFF and manually adjust the:
Number of columns
Widget width
This forces a fixed layout and resolves most container-related display issues.
2. Tablet and Mobile Layout Settings
In addition to the General section, you can open the Tablet and Mobile sections within the Customize panel.
Enable general settings to use separate Tablet or Mobile layouts. If you do not enable them, the widget will continue to automatically apply the Desktop settings to all devices.
For each device type, you can:
Enable or disable Responsive
Set the number of columns if Responsive is turned off
Set the widget width if Responsive is turned off
If the Tablet or Mobile version does not switch or adapt properly even when Responsive is ON, you should disable Responsive for that device and manually configure:
Number of columns
Device-specific widget width
This ensures the widget displays consistently, regardless of how the website builder handles container sizing.
3. Breakpoints
Breakpoints let you define when the widget switches from the Desktop layout to the Tablet layout.
Breakpoint controls are located at the top of the screen in Customize. To set the breakpoint (i.e., when the widget switches from Desktop to Tablet), click the Settings icon next to these device labels.
How Breakpoints Work
You set a pixel width (e.g., 900px). When the widget’s container becomes narrower than that value, it switches to the Tablet layout.
For example:
Breakpoint: 900px
Above 900px → Desktop layout
Below 900px → Tablet layout
If the widget still doesn’t display correctly after turning Responsive off and setting your columns and width manually, try adjusting the breakpoint.
Changing the breakpoint can force the widget to load the correct layout for the actual container size.