Create a single column widget for mobile

  • Created : Aug, 8, 2021
  • Last Updated: May, 5, 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

Add RSS Widget to WordPress Website

Add Feedwind widget to WordPress website

An easy-to-use feedwind widget to curate, customize and display dynamic content on your WordPress website with no coding knowledge....

How to display iCal calendar on Google Calendar widget

How to display iCal calendar on Google Calendar widget

iCal is a standard method of transferring calendar information between computer systems. iCal files typically have the file extension...

card view style

Card View and Overlay in FeedWind

This article details FeedWind’s new Card View and Overlay settings found under Style in the settings menu.

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