Skip Navigation

[Resolved] View Loop/Grid Settings/Column Count of 3 not maintained on Mobile device

This thread is resolved. Here is a description of the problem and solution.

Problem:

Setting Columns Count of 3 for mobile device and instead getting 1 column only.

Solution:

In the Site Ground Optimizer plugin, Defer Render-Blocking JS option was ON which seems to cause the problem.

You can follow our document to exclude other Toolset JS/CSS files from the Site Ground Optimizer plugin:

https://toolset.com/faq/how-to-use-optimization-plugins-with-toolset/

Relevant Documentation:

This support ticket is created 3 years, 9 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 6 replies, has 2 voices.

Last updated by ClementB7865 3 years, 9 months ago.

Assisted by: Luo Yang.

Author
Posts
#2199157

Tell us what you are trying to do? Setting Columns Count of 3 for mobile device and instead getting 1 column only.

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?

#2199405

Hello,

I have seen similar ticket which is a compatibility issue with other plugins.

If you are going to wrap Toolset Block with another block, please try the Toolset Container block:
https://toolset.com/block-item/container/

You can also follow below document to style the container block:
https://toolset.com/course-lesson/container-blocks/

#2199581

Thanks but I used a container block on a blank page to create the grid. I didn't use any other blocks only toolset blocks. I followed this container block lesson as well. I also reviewed all the prior support questions and it looks like none of them were fully resolved. At least not fully resolved without extra java code programming or CSS styling. I thought out of the box Toolset provided controls to adjust the formatting on mobile...

#2199597

Also, similar to the other ticket, the Toolset mobile view shows the 3 columns I want however on the actual mobile device it is only 1 column.

#2200223

The problem you mentioned above is abnormal, please check these:
1) deactivate all other plugins, and switch to WordPress default theme 2021, and test again

2) Also check if there is any PHP/JS error in your website:
https://toolset.com/documentation/programmer-reference/debugging-sites-built-with-toolset/

3) If the problem still persists, please provide database dump file(ZIP file) of your website, you can put the package files in your own google drive disk, share the link only, also point out the problem page URL and view URL, I need to test and debug it in my localhost, thanks
https://toolset.com/faq/provide-supporters-copy-site/

#2201161

You can follow our document to exclude other Toolset JS/CSS files from the Site Ground Optimizer plugin:
https://toolset.com/faq/how-to-use-optimization-plugins-with-toolset/

#2203667

My issue is resolved now. Thank you!