Tell us what you are trying to do?
make a view display 6 columns in desktop and 2 columns in mobile
the view currently display 6 columns in the desktop, but in mobile viewport it displays only 1. how do i make it display 2 columns in the mobile viewport?
Is there any documentation that you are following?
no
Is there a similar example that we can see?
Thank you for the screenshot. Given that you are using the classic editor for Views we will need to adjust the bootstrap classes for the mobile devices.
When we are working with mobile devices we would use the "col-xs-" to let bootstrap know the column size we want on our mobile page.
For your case you can add "col-xs-6" to your div class and then test on the frontend to see if the columns adjust to 2 columns on mobile devices.
You will need to add this col-xs-6 to each of the divs inside the row class div. For more documentation on this Grid setup for bootstrap I would highly recommend having a look at the bootstrap documentation guide. hidden link
Finally there is a much easier way to do this with our Toolset Blocks plugin as there is a user interface for this where you can select the column size you want for mobile and for desktops as well as tablets.
If you're not too far along on your project I would highly recommend our Blocks plugin as you are able to achieve your goal purely through the User interface with no CSS or HTML required.
Here is a small demonstration video on how you can achieve this with Blocks. hidden link
1) For the existing views, how can I specify them to use the block editor?
For your existing views you are only able to use the Block editor to design the content template of that view. See Screenshot
In the right hand top corner you will see the Block Editor button. Clicking this will allow you to use the Block editor to design your view output content template.
2) When I create a new view, how do I specify to use the block editor?
Based your screenshots you are using Views with the Classic editor enabled.
To enable the Block interface that will allow you to build your views in Blocks you will need to go to Toolset -> Settings and scroll to Editing Experience and enable the 3rd option.
Once you've done this you can go to any of your Posts or Pages and as long as it is using the Gutenburg editor you can Add a new View block.
From there you can build out your View completely visually like you see in my video demonstration. However it is a Requirement that your Pages are using the Gutenburg editor.
update: I deactivated Google Site Kit and was able to access toolset settings. My editing experience was option 3 like you mentioned.
2) Please disregard images 1 and 2. I could not find a way to specify image dimensions (see image 3).
update: I could specify the image dimensions, but only if i do not set a query filter for the view. setting a filter for view will get the error message (see 3, with image)
Yes this patch still works. You will need to patch 3 plugins Views, Blocks and our Forms plugin.
Blocks folder = /wp-content/plugins/toolset-blocks
Forms folder = /wp-content/plugins/cred-frontend-editor
Views folder = /wp-content/plugins/wp-views
These are the root directories for each of the plugins that you will need to follow the instructions to replace the file in.
2) Please disregard images 1 and 2. I could not find a way to specify image dimensions (see image 3).
update: I could specify the image dimensions, but only if i do not set a query filter for the view. setting a filter for view will get the error message (see 3, with image)
3) and I got an error (see image 4)
Essentially these errors do not occur on my end.
Would it be possible to gain admin access to the site to check on the page where you are creating this block view to see if I can replicate the problem?
The private fields will be enabled for your next response.