Skip to main content

Media breakpoints

By default, we use 4 breakpoints in our responsive design system, defined here within the breakpoints key.

If you project uses different breakpoint values, you can change them with this filter.

add_filter('es_forms_blocks_media_breakpoints', function(): array {
return [
'mobile' => 200,
'tablet' => 500,
'desktop' => 800,
'large' => 1200
];
})
Note

Additional breakpoints cannot be provided, only the current values can be modified!