Create a single column widget for mobile

  • Created : Aug, 8, 2021
  • Last Updated: Jan, 24, 2024

Single column widget for mobile features helps you decide how many feeds/posts widgets can have on mobile devices. As a result, you will have easy-to-read widgets in stacked/vertical format. This feature gives the desktop version the flexibility to change the view with multiple feeds/posts in horizontal format.

Examples

You can display the different layouts on Desktop and Mobile as follows.

Desktop view > 3 (Columns) x2 (rows) –  layout horizontally

Mobile view > 2 feed layout vertically
Single column widget on mobile

Learn how to use the single-column widget on mobile to create a responsive widget

The single-column widget involves three parts.

  • Widget type: RSS
  • The widget should be responsive by Width
  • Style should be Card or Overlay

Create the widget in FeedWind

To set up a single column widget for mobile, you’ll first create the RSS widget.
Select-content-type

In your widget setting screen, navigate to General ➤  Width ➤ Select “Responsive”

general-responsive-width-option

Under style, select ‘Card’ or ‘Overlay’
style-by-card-and-overlay

Once Card / Overlay is selected, this will enable the “Single column on mobile” feature option. Please turn “ON” to activate this feature, then choose the number of items displayed only on mobile vertically.
turn-on-single-column-on-mobile-option

Click Save & Get code


Related posts

Sports-widget

Add a Dynamic Sports Widget to Your Website

Contents1 Increase User Engagement1.1 Increased Engagement1.2 Lower Bounce Rates1.3 Level Up User Experience2 How to Add FeedWind Sports Widget...

Using Custom Tags With Feedwind

Using Custom Tags With Feedwind

An official FeedWind document detailing their custom tags feature, which allows you to add custom tag categories to your...

Hosting CSS on Google Drive

Hosting CSS on Google Drive

You can host CSS files on Google Drive to customize your RSS widget.