Snippet: Modify WPBakery Element Responsive Breakpoints
Various theme elements provide responsive fields for use with the WPBakery page builder. Such as the font size field or the spacing element's responsive height.
While it’s generally recommended to use modern responsive units (vw, vmin, vmax) and/or the clamp() function for better responsiveness, if you are using these fields and need to adjust the default breakpoints you can using the vcex_css_breakpoints filter.
// Modify theme element's responsive breakpoints
add_filter( 'vcex_css_breakpoints', function( $breakpoints ) {
return [
'tl' => '1024px', // tablet landscape
'tp' => '959px', // tablet portrait
'pl' => '767px', // phone landscape
'pp' => '479px', // phone portrait
];
} );