Skip to content

Elementor Preview Sizes

Project type
WordPress Plugin
Version
0.1.0
Requires WordPress
6.4
Tested WordPress up to
6.8
Requires PHP
8.2
Licence
GPL-2.0-or-later
Released
August 18, 2026

The problem

Elementor’s built-in responsive preview widths do not match the devices people actually use, which means you design against breakpoints that do not exist and find out on a real phone.

What this plugin does

Changes the default preview widths in the editor only. The front end is untouched, so there is no risk to a live site.

Installing it

TODO download from the repo, upload, activate, and note where the settings live.

Hooks and filters

A filter for the width array.

/**
 * Example filter. Replace with the real ones.
 */
add_filter( 'brs_example_filter', function ( $value ) {
    return $value;
}, 10, 1 );

Requirements and support

This is free software published under the GPL and it comes with no support obligation. Bugs go in GitHub issues. If you need it modified for your site, that is paid work.

Changelog

0.1.0 - 2026-08-18

  • Initial release.
  • Added custom Elementor editor preview widths for mobile and tablet views.
  • Mobile preview width defaults to 420px.
  • Tablet preview width defaults to 820px.
  • Preview changes affect only the Elementor editor and do not change frontend responsive breakpoints.
  • Added automatic update support through public GitHub Releases.

View full changelog on GitHub