[Gelöst] Customize a break point for mobile screens

[Author]

Artikel

[cassianS]

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?
versteckter 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

[Nigel]

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.

[Luo Yang]

Hello,

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

[cassianS]

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

[Luo Yang]

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/

[Luo Yang]

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/

[cassianS]

My issue is resolved now. Thank you!