Option B use the auto-insert feature by enabling Enable Auto-insert in the plugin setting page, New Edit...
To set the number of columns for each screen max-width, use the character as the delimiter and place the pixel followed by colon.
For instance, will show the 5 columns when the browser widths is greater than 800, and 4 when the width is 800 to 601, and 2 when the width is 600 to 481, and 1 when the width is less than or equal to 480..
The following example displays widgets column when the width is greater than 800, and four when the width is 601 to 800, and three when the width is 481 to 600, and one when the width is 1 to 480. 5 800 4 600 3 480 1 sidebar ID of the sidebar to show.
Default 0. omit the numbers of the order of the items to omit, separated by commas e.g 3, 5 would skip the third and fifth registered widgets. showonly the numbers of the order of the items to show, separated by commas e.g 2, 7 would show the second and seventh registered widgets.
The parameter value of colspans will set the widget with column space and the widget with two column space and the seventh takes four column space.
To set them by screen max-width, like the parameter, use the character after the pixel, and use the character to delimit each set of column spans.
If the column span exceeds the number of column, the column span will follow the column.
Note that the widget index of omitted widgets will not be considered in the widget index of this parameter. cache duration the in seconds.
If you like to insert the in the head tag, use ResponsiveColumnWidgets EnqueueStyle function.
Read more