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

How to Dynamically Display WooCommerce Products on Your Website Using FeedWind

How to Dynamically Display WooCommerce Products on Your Website Using FeedWind

Contents1 Step 1: Access Your WooCommerce Product RSS Feed2 Step 2: Add Product Images to Your RSS Feed3 Step...

How to Create a Vimeo Video Widget for Your Website – Easy Guide

How to Create a Vimeo Video Widget for Your Website – Easy Guide

Contents1 Step 1: Get the Vimeo Video Feed2 Step 2: Create a FeedWind Account3 Step 3: Make Your Vimeo...

Add a Dynamic Sports Widget to Your Website

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...