Skip Navigation

[Resolved] Customize a break point for mobile screens

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

Problem:

I am trying to set up a breakpoint for mobile phone screens on columns block, but it doesn't work.

Solution:

please try to switch to Toolset Grid block, and test again, see our document:

Relevant Documentation:

https://toolset.com/block-item/grid/

This support ticket is created 2 years, 8 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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

Last updated by cassianS 2 years, 8 months ago.

Assisted by: Luo Yang.

Author
Posts
#2128283
Breakpoints.jpg

Tell us what you are trying to do?
- I am trying to set up a breakpoint for mobile phone screens on 567px but it doesn't work.
I still see that 599px default breakpoint is applied.

Is there any documentation that you are following?
- this: https://toolset.com/forums/topic/mobile-breakpoints-2/

What is the link to your site?
hidden link You can see by looking on first two section built by Toolset Blocks that they are moving from two to one column layout on 599px and not on 567px as I set on /wp-admin/admin.php?page=toolset-settings (screenshot attached). There is no caching plugin used on the website

#2128569

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+01:00)

I can't visit your link, a password is required.

How are you setting up the column-based content?

I just checked on my local test site, where I inserted a Grid block with 2 columns. I changed the setting for the mobile breakpoint to 400px and then tested it on the front end, where it worked as expected, switching to a stacked layout at 400px.

What theme are you using? Does the same problem happen if you change to twentytwentyone.

#2128591

Hello,

Please let me know if you still need assistance for it, thanks

#2128889

Hi, sorry. I removed the password so you can access the website.
The column-based layout was set with the Gutenberg column element inside of Toolset Blocks container.
I am using Astra theme. (Astra mobile breakpoint is also set to 567px as a Toolset Blocks one).
I tried to change the theme to twentytwentyone and breakpoints were 599px and 781px. So Toolset Blocks settings were not applied for some reason

#2129443

The problem you mentioned above is abnormal, please check these:
1) Make sure you are using the latest version of Toolset plugins, you can download them here:
https://toolset.com/account/downloads/

2) In case it is a compatibility problem, please deactivate all other plugins, and switch to WordPress default theme 2021, deactivate all custom PHP/JS code snippets, and test again

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, I need to test and debug it in my localhost, thanks
https://toolset.com/faq/provide-supporters-copy-site/

#2133453

Thanks for the details, you are using WordPress built-in columns grid, please try to switch to Toolset Grid block, and test again, see our document:
https://toolset.com/block-item/grid/

#2133923

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.