Change Breakpoints

Hi there,

Are you referring to a responsive editing control?

https://docs.generateblocks.com/article/responsive-controls/

No, I want to adjust the breakpoints provided by Generateblocks. For example, the default Generateblocks breakpoint for tablets is 768-1024px, but I need 768-1279px.

Hi there,

you can use the following PHP Snippet:

add_action( 'wp', function() {
    add_filter( 'generateblocks_media_query', function( $query ) {
        $query['desktop'] = '(min-width: 1280px)';
        $query['tablet'] = '(max-width: 1279px)';
        $query['tablet_only'] = '(max-width: 1279px) and (min-width: 768px)';
        $query['mobile'] = '(max-width: 767px)';

        return $query;
    } );
}, 20 );

It works.
Thank you!

You’re welcome