Item logo image for Responsive ViewPort for Elementor

Responsive ViewPort for Elementor

Item media 6 (screenshot) for Responsive ViewPort for Elementor
Item video thumbnail
Item media 2 (screenshot) for Responsive ViewPort for Elementor
Item media 3 (screenshot) for Responsive ViewPort for Elementor
Item media 4 (screenshot) for Responsive ViewPort for Elementor
Item media 5 (screenshot) for Responsive ViewPort for Elementor
Item media 6 (screenshot) for Responsive ViewPort for Elementor
Item video thumbnail
Item video thumbnail
Item media 2 (screenshot) for Responsive ViewPort for Elementor
Item media 3 (screenshot) for Responsive ViewPort for Elementor
Item media 4 (screenshot) for Responsive ViewPort for Elementor
Item media 5 (screenshot) for Responsive ViewPort for Elementor
Item media 6 (screenshot) for Responsive ViewPort for Elementor

Overview

Display breakpoint widths and add grid to Elementor canvas

## English Improve your Elementor editing experience with a lightweight extension designed to give you more control and precision inside the editor. Adjust the workspace width and height in real time, and enable a Figma-style visual grid to design with greater accuracy. Ideal for designers, developers, and WordPress professionals who want to optimize their Elementor workflow. Easy to install, lightweight, and built to improve productivity without adding unnecessary overhead. ### What's New (v1.0.4) - Added native internationalization with Chrome `i18n`. - Added English and Spanish support. - Localized the extension name and description in `manifest.json`. - Migrated toolbar, grid panel, and service worker text to localized message catalogs. - Improved accessibility without changing mdesigner styles or colors: - `aria-label` - `aria-pressed` - accessible grid configuration dialog - initial focus in the modal - `Esc` to close and `Enter` to apply - Kept the improved Elementor editor injection reliability from v1.0.3: - root installs (`/wp-admin/...`) - subdomains - subdirectory installs, such as `/site/wp-admin/...` - Maintained smooth live grid preview and viewport controls across supported Elementor environments. Developed with care by mdesigner. ## Espanol Mejora tu experiencia en Elementor con una extension ligera disenada para ofrecer mas control y precision dentro del editor. Ajusta el ancho y alto del area de trabajo en tiempo real y activa una cuadricula visual tipo Figma para disenar con mayor exactitud. Ideal para disenadores, desarrolladores y profesionales de WordPress que buscan optimizar su flujo de trabajo dentro de Elementor. Facil de instalar, ligera y desarrollada para mejorar la productividad sin agregar carga innecesaria. ### Novedades (v1.0.4) - Se agrego internacionalizacion nativa con Chrome `i18n`. - Se agrego soporte en ingles y espanol. - Se localizaron el nombre y la descripcion de la extension en `manifest.json`. - Se migraron textos de la toolbar, el panel del grid y el service worker a catalogos de mensajes localizados. - Se mejoro la accesibilidad sin cambiar estilos ni colores de mdesigner: - `aria-label` - `aria-pressed` - dialogo accesible para la configuracion del grid - foco inicial en el modal - `Esc` para cerrar y `Enter` para aplicar - Se mantiene la inyeccion robusta del editor Elementor incorporada en v1.0.3: - instalaciones en raiz (`/wp-admin/...`) - subdominios - instalaciones en subdirectorios, como `/site/wp-admin/...` - Se conserva la vista previa fluida del grid y los controles de viewport en entornos Elementor soportados. Desarrollada con 💛 por mdesigner.

Details

  • Version
    1.0.4
  • Updated
    July 8, 2026
  • Offered by
    mdesigner.co
  • Size
    124KiB
  • Languages
    2 languages
  • Developer
    J Michael Hernández González
    Avenida 35 # 64-95 1 Bello, Antioquia 051050 CO
    Email
    hello@mdesigner.co
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Grid Overlay Pro

5.0

Professional grid overlay tool with responsive breakpoints - like Figma grids for the web

DOM Structure Visualizer

0.0

Visually highlights DOM parent/child nesting when hovering over elements on a webpage.

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Split Screen on Mac

4.0

Use Split Screen on Mac: seamlessly resize tab. Have a split screen on a macbook to get boosted productivity!

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Screen Ruler - Measure and Inspect the Web

4.3

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

BuriSplit - Multi-Tab Grid View

3.5

Split screen view for Chrome - Work with multiple tabs in grid layout (2x2, 3x3, 4x4)

BlurGuard

5.0

Selectively blur text, areas, and elements on any webpage

Screen Ruler

4.6

Use screen ruler for Chrome measure pixels on screen and as browser plugin. Get pixel ruler extension for website page dimensions.

Layout Grid Visualizer

5.0

A Chrome extension to visualize and customize grid layouts on webpages

Annotate Web

4.3

Use annotate web to annotate websites and draw on a page as a marker or highlight important parts of the page.

Full Page Screenshot

3.9

Capture full-page screenshots by scrolling and stitching

Grid Overlay Pro

5.0

Professional grid overlay tool with responsive breakpoints - like Figma grids for the web

DOM Structure Visualizer

0.0

Visually highlights DOM parent/child nesting when hovering over elements on a webpage.

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Split Screen on Mac

4.0

Use Split Screen on Mac: seamlessly resize tab. Have a split screen on a macbook to get boosted productivity!

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Screen Ruler - Measure and Inspect the Web

4.3

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

BuriSplit - Multi-Tab Grid View

3.5

Split screen view for Chrome - Work with multiple tabs in grid layout (2x2, 3x3, 4x4)

BlurGuard

5.0

Selectively blur text, areas, and elements on any webpage

Google apps