Create a single column widget for mobile

  • Created : Aug, 8, 2021
  • Last Updated: Nov, 1, 2022

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

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.

Podcasts Worth Following in 2020

An article presenting 30 podcasts worth following in 2020, for use with FeedWind’s podcast audio player

Start your free trial. FeedWind is the easiest way to add dynamic content on your website.
Create Now