How to Change the Tablet and Mobile Breakpoints in Elementor | WpBuilt 1350206722971493323
How to Change the Tablet and Mobile Breakpoints in Elementor

How to Change the Tablet and Mobile Breakpoints in Elementor

Your site can easily go wrong with just a few changes on the screen size. Columns, paddings, and margins, for example, can get tangled when your site’s breakpoint aren’t set up properly.

Breakpoint is defined as point a which your site’s content will respond. For an instance, you may want a column to drop under another column at a certain breakpoint. Some themes have set breakpoints by default and are not editable. However, Elementor helps you in giving your customers the best experience by allowing you to set breakpoints with just a few clicks.

Wanna know how? Let’s get started!
Step 1
In your Admin dashboard go to Elementor > Settings.

Step 2
Go to Style tab.

Step 3
Change the default value of the Tablet Breakpoint and Mobile Breakpoint for the responsiveness of your site.


Simple and easy, right?

This Post Has 9 Comments

  1. This doesn’t work in my case, how can I fix it? No matter what I set breakpoint is 750 from tablet to mobile and 1010 from pc to tablet.

    1. I have the same issue did you find a fix?

  2. I don’t understand why they didn’t match the default breakpoints with the preview breakpoints in the editor. In fact I can’t find anyway to change the responsive mode preview breakpoints.

  3. We need to be able to add additional custom breakpoints. There should be like 15 of them.

  4. Bonjour, ma personnalisation du point de rupture tablette n’est pas prise en charge, je souhaite mettre 1112px au lieu du 1025px par défaut, ça ne fonctionne pas, il doit être contraint par quelque chose mais je ne trouve pas quoi…

  5. how to give breakpoint less than the default value?

  6. Yes!!! A least 4 Breakpoints we need

  7. No, we need more breakpoints!

Leave a Reply