Roy 
Elementor’s free version gives you more breakpoints than most tutorials admit: seven device views in total, each with an editable pixel width, all switched on from Site Settings. No Pro license needed. Where the native system stops is at those seven fixed slots. If your design needs an eighth view, or a device width the named slots don’t map to, that gap is what the free Custom Breakpoints extension from Master Addons handles. It covers the styling half of responsive work, while an extension like Display Conditions decides which sections show up on which device at all.
Below: what Elementor free actually includes (more than three views, whatever older posts claim), how to activate the extra native breakpoints, and how to add truly custom breakpoints on top. That last part is free up to 3 breakpoints, unlimited with Master Addons Pro.
First, the myth that won’t die: extra breakpoints in Elementor are not locked behind Elementor Pro. Plenty of articles still say they are. Since Elementor 3.4 shipped the Additional Custom Breakpoints feature, the free version supports up to seven device views:
Every one of those pixel values is editable. Open Site Settings, change the Tablet Portrait cutoff from 1024px to 900px, save, done. Elementor’s developer documentation explains the max-width logic underneath if you want the mechanics.
So what can’t the free version do? Two things. You cannot add an eighth breakpoint, and you cannot step outside the named slots: the six extra views have fixed roles, and once they’re all in use, the native system is full. That ceiling is the reason a dedicated breakpoints plugin exists at all.
Before installing anything, switch on what Elementor already gives you. Takes about a minute:
If seven views cover your project, stop here. You’ve spent nothing and installed nothing. Keep reading if you need more views than that, or a breakpoint the named slots can’t express.
The free route past Elementor’s ceiling is Custom Breakpoints for Elementor, a plugin built by the Master Addons team. It runs on its own next to Elementor, no other plugin required. It also pairs with Master Addons if you already run it, so you manage breakpoints from the same dashboard as your widgets. The free version adds up to 3 custom breakpoints with exact pixel control over each device width; Master Addons Pro removes the cap entirely.
In your WordPress dashboard, go to Plugins → Add New and search for “Custom Breakpoints for Elementor”. Install and activate it. If you already use Master Addons, you can also switch it on from the Extension tab in the Master Addons dashboard; both routes end at the same settings page.
A new Breakpoints item appears in your dashboard menu. Click it. The page lists your currently active breakpoints with their ranges, matching whatever you’ve configured in Elementor’s Site Settings, and gives you an option to add a new device on top.
Name the device and enter its Max-Width in pixels. To target small phones, type 600 and save. The plugin adjusts the min-width of the neighboring device for you, so the ranges never overlap: your new Small Mobile view covers screens up to 600px, and the next view starts at 601px. There are also 17+ device presets covering common phones, tablets, and laptops, so you can start from a real device profile instead of guessing widths. On the free version you can add up to 3 of these custom breakpoints; Master Addons Pro users get unlimited breakpoints plus import/export.
Edit any page with Elementor and click the responsive-mode icon at the bottom of the panel. Your custom view now sits in the device bar next to the defaults. Select it, pick an element, and set values such as font size, padding, or column count that apply only inside that pixel range. Click Update, then resize your browser to watch the styles trigger. For a deeper walkthrough of styling per device, see our guide to responsive design with Elementor breakpoints.
Here’s the comparison, including what Elementor gives you before any plugin enters the picture:
| Option | Cost | What you get | Limit |
|---|---|---|---|
| Elementor free (native) | Free | 7 named device views, each with an editable pixel width | Fixed set of 7, no new slots |
| Custom Breakpoints for Elementor (free) | Free | Truly custom breakpoints with your own names and exact widths, 17+ device presets | 3 custom breakpoints |
| Master Addons Pro | Paid | Everything above, plus import/export and breakpoint sorting | Unlimited |
For most sites, Elementor’s seven views plus 3 custom tiers cover every real gap: a small-phone view, an odd tablet width, a kiosk display. Agencies juggling client device lists are the ones who hit the free cap, and that’s who Pro is for. If you’re weighing the whole plugin against alternatives while you’re at it, our Master Addons vs Ultimate Addons comparison covers the wider feature match-up.
A custom breakpoint is worth adding when a layout breaks in the gap between two existing views. The classic case is a 3-column grid. It looks right on desktop above 1025px. Elementor drops it to 2 columns at the 1024px tablet view. On a large tablet held in landscape, that same 1024px view leaves a wide empty column and wastes space.
Add a breakpoint at, say, 992px, set the grid back to 3 columns there, and the layout fits the device instead of guessing. The same move works for a small-phone view where you bump up font sizes and button padding that look cramped below 400px, a range even Elementor’s Mobile Portrait view treats as one bucket.
Breakpoints also pair well with conditional display. If a section only makes sense on larger screens, a custom breakpoint controls its styling while Display Conditions controls whether it appears at all. The two solve different halves of the same responsive problem.
A handful of breakpoints will not slow your site in any way a visitor notices. Each one adds a standard CSS media query, and the styles you set load exactly like Elementor’s built-in responsive styles. The added CSS is tiny next to the weight of a typical page.
The editor is a different story. Every extra breakpoint means one more responsive panel Elementor has to render, so stacking 10 or more can make the editing screen feel heavier. Add only the views you will actually style. Five or six total, defaults included, is plenty for nearly every project. If speed is your wider concern, our guide on how to speed up Elementor websites covers the fixes that actually show up in load times.
Custom breakpoints are not a fix for every responsive bug, and reaching for one first is often the wrong call. If a single element misbehaves on one screen size, a targeted rule in Custom CSS is usually cleaner than a whole new device tier that then needs styling everywhere.
Two more cases to skip it. If activating one of Elementor’s dormant native views, or nudging a default pixel value in Site Settings, fixes the problem, do that instead; it costs nothing and keeps the editor light. And if the issue is really about which content shows on which device rather than how it’s styled, that’s a job for display conditions, not another breakpoint.
Custom Breakpoints sits alongside the rest of the Master Addons toolkit, from the free extensions through the Theme Builder, all built to close the gaps Elementor leaves open.
Yes, more than most people think. Elementor free includes seven device views: Mobile Portrait, Mobile Landscape, Tablet Portrait, Tablet Landscape, Laptop, Desktop, and Widescreen. You activate the extra ones in Site Settings → Layout → Breakpoints and can edit every pixel value. What free Elementor cannot do is add breakpoints beyond those seven named slots; for that you need the free Custom Breakpoints for Elementor plugin.
For the built-in views, open Site Settings → Layout → Breakpoints, add the views you want to the Active Breakpoints field, and adjust their widths. For breakpoints beyond Elementor’s seven, install the free Custom Breakpoints for Elementor plugin, open its Breakpoints page, and enter a device name and Max-Width in pixels, for example 600 for small phones. The new view then appears in Elementor Responsive Mode ready to style.
Elementor free and Pro both top out at seven native device views. The Custom Breakpoints for Elementor plugin adds up to 3 truly custom breakpoints on top of that for free, and Master Addons Pro removes the cap for unlimited breakpoints.
No, on both counts. Elementor’s own extra breakpoints (Mobile Landscape, Tablet Landscape, Laptop, Widescreen) ship in the free version, and the Custom Breakpoints for Elementor plugin is free too. No Elementor Pro license is involved anywhere; only unlimited custom breakpoints call for Master Addons Pro.
No. It works as a standalone plugin with just Elementor installed. It also integrates with Master Addons if you run both, so you manage breakpoints from the same dashboard as your widgets and extensions, and Master Addons Pro is what unlocks unlimited breakpoints.
No. Each breakpoint only adds a lightweight CSS media query, and the styles load like Elementor’s built-in responsive styles. Stacking many breakpoints can make the editor feel heavier, so add only the views you will actually style.
Get all the premium widgets and templates you desire, built with clean code that keeps your site fast. Ditch the bloat, not the features.
110+ Premium Widgets & Lifetime Updates – Build Beyond Limits. An Exclusive Creation by Pixar Labs
Every Master Addons Pro license comes with a 14-day no-questions refund, lifetime updates, and priority support. Try it risk-free this Spring – 40% OFF with “RESET40″ coupon.
