Toolset Grid Block settings not maintained on mobile

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/Karachi (GMT+05:00)

Tagged: Toolset Blocks

This topic contains 2 replies, has 2 voices.

Last updated by ClementB7865 3 years, 9 months ago.

Assisted by: Waqar.

Author

Posts

October 19, 2021 at 8:10 pm #2200001

ClementB7865

I am trying to: Simple Grid Block inserted in a page with 6 columns. Each column has a simple paragraph text of "1st column", "2nd column" etc. Set Grid for 2 columns wide on mobile. Looks fine in browser but goes to only 1 column on mobile. 2 columns is not maintained. I have tried this is multiple themes 2021 etc and get the same result.

Link to a page where the issue can be seen:

I expected to see: 2 columns on mobile.

Instead, I got: 1 column on mobile.

October 20, 2021 at 6:20 am #2200333

Waqar

Hi,

Thank you for contacting us and I'd be happy to assist.

I've performed some tests on my website with similar settings but couldn't reproduce this behavior.

Can you please share temporary admin login details, along with the link to the page where this grid can be seen?

Note: Your next reply will be private and it is recommended to make a complete backup copy, before sharing the access details.

regards,
Waqar

October 20, 2021 at 11:49 am #2200647

ClementB7865

My issue is resolved now.Thank you. I found the culprit. In the Site Ground Optimizer plugin, Defer Render-Blocking JS option was ON which seems to cause the problem. When I turned it OFF everything works as it should. When it is ON it looks like this:

Defer Render-blocking JS
Defer loading of render-blocking JavaScript files for faster initial site load. Exclude from Loading JS Files Asynchronously

/wp-includes/js/jquery/jquery.min.js

/wp-includes/js/jquery/jquery-migrate.min.js

There are several other options which I could add to the box, but I have not idea what any of this is. Perhaps you do? For now I have turned Defer Render-blocking JS to OFF. The other options are:

OTHERS
/wp-includes/js/dist/vendor/regenerator-runtime.min.js
/wp-includes/js/dist/vendor/wp-polyfill.min.js
/wp-includes/js/hoverIntent.min.js
PLUGIN: CONTACT FORM 7
/plugins/contact-form-7/includes/js/index.js
PLUGIN: TOOLSET BLOCKS
/plugins/toolset-blocks/vendor/toolset/common-es/public/toolset-common-es-frontend.js
PLUGIN: TOOLSET TYPES
/plugins/types/vendor/otgs/installer/res/js/dismiss-nag.js
/plugins/types/vendor/otgs/installer/res/js/install_recommended_plugin.js
THEME: FLATSOME
/themes/flatsome/assets/js/flatsome.js
/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js