{"id":75909,"date":"2021-08-17T12:14:09","date_gmt":"2021-08-17T12:14:09","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=75909"},"modified":"2021-08-17T12:14:09","modified_gmt":"2021-08-17T12:14:09","slug":"introducing-elementor-3-4","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/","title":{"rendered":"Introducing Elementor 3.4: Additional Custom Breakpoints for Limitless Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"75909\" class=\"elementor elementor-75909\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9d227ea elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9d227ea\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17e4ef8e\" data-id=\"17e4ef8e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-70caf6c2 elementor-widget elementor-widget-text-editor\" data-id=\"70caf6c2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You&#8217;ve just designed a spectacular website for your client, but suddenly they want to see it on their office&#8217;s big screen.<\/p><p>You wonder &#8211; how will your website look on a 70 Inch 16:9 TV? \ud83d\ude2c<\/p><p>Well, wonder no further! <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\"   title=\"Elementor\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"1180\">Elementor<\/a> has your back.<\/p><p><b>Introducing Additional Custom Breakpoints!<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14fcc37 elementor-widget elementor-widget-image\" data-id=\"14fcc37\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=419\/blog\/wp-content\/uploads\/2021\/08\/01-FEATURE-1-1024x536.png\" class=\"attachment-large size-large wp-image-75979\" alt=\"01 FEATURE\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/08\/01-FEATURE-1-1024x536.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/08\/01-FEATURE-1-300x157.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/08\/01-FEATURE-1-768x402.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2021\/08\/01-FEATURE-1.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68c0e8a elementor-widget elementor-widget-text-editor\" data-id=\"68c0e8a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can now customize your designs for more mobile screens, tablet screens, laptop, and wide-screen devices. You now get six&nbsp;<a href=\"https:\/\/elementor.com\/pages\/elementor-3-4\/\" target=\"_blank\">custom breakpoints<\/a>&nbsp;to play around with, giving you more control and the freedom to create for any device. Let\u2019s dive in and learn more about this feature and about what makes it so unique.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce6ccd3 elementor-alert-warning bg-color elementor-widget elementor-widget-alert\" data-id=\"ce6ccd3\" data-element_type=\"widget\" data-widget_type=\"alert.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-alert\" role=\"alert\">\n\n\t\t\t\t\t\t<span class=\"elementor-alert-title\">Major Update Alert!<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"elementor-alert-description\">We recommend using new features on staging environments before applying them to live production websites, and backing up your website before updating.<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31ca7ac4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31ca7ac4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-625d5dc4\" data-id=\"625d5dc4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-95c5c48 elementor-widget elementor-widget-heading\" data-id=\"95c5c48\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Additional Breakpoints<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56a39967 elementor-widget elementor-widget-heading\" data-id=\"56a39967\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Break Design Boundaries With Breakpoints<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9a3e52 elementor-widget elementor-widget-text-editor\" data-id=\"b9a3e52\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tTo start, let\u2019s make sure we\u2019re all on the same page about how breakpoints help you design better, more <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\"   title=\"responsive\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"7356\">responsive<\/a> websites. A breakpoint is a &#8220;point&#8221; at which content responds to the device&#8217;s width. This gives you the ability to adjust the style for each breakpoint to deliver the best possible experience for the visitor.\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d013c28 elementor-widget elementor-widget-image\" data-id=\"d013c28\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=419\/blog\/wp-content\/uploads\/2021\/08\/02-BREAKPOINTS-1024x536.png\" class=\"attachment-large size-large wp-image-75984\" alt=\"02 BREAKPOINTS\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/08\/02-BREAKPOINTS-1024x536.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/08\/02-BREAKPOINTS-300x157.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/08\/02-BREAKPOINTS-768x402.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2021\/08\/02-BREAKPOINTS.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2a1b5b elementor-widget elementor-widget-text-editor\" data-id=\"c2a1b5b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You might have placed a gallery featuring three images in a row but want visitors on mobile to only see two images in a row. This is where breakpoints come in, as they allow you to customize your website\u2019s layout depending on the device and screen size.<\/p><p>Elementor Core 3.4 gives you the power to adjust your design layout according to seven devices.<\/p><p>When using breakpoints, you have complete flexibility to:<\/p><ul><li><b>Choose which breakpoints are active.<\/b> Besides the original Desktop, Mobile, and Tablet, you can now add the breakpoints for more screen sizes.<\/li><li><b>Choose the value of each breakpoint.<\/b> You\u2019re able to manage each breakpoint\u2019s values individually.<\/li><li><b>Scale the preview up or down.<\/b> Zoom out to preview widescreen devices. Work on a smaller screen than the one you\u2019re designing for while seeing the bigger picture.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b939bb5 elementor-widget elementor-widget-heading\" data-id=\"b939bb5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to style for different devices using breakpoints<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8aab78 elementor-widget elementor-widget-text-editor\" data-id=\"b8aab78\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor uses a cascading concept across breakpoints, scaling down for every device except widescreen. An easy way to remember how each breakpoint affects the others is: Desktop is always the default.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4886d1a elementor-widget elementor-widget-image\" data-id=\"4886d1a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=419\/blog\/wp-content\/uploads\/2021\/08\/03-CASCADING-VISUAL-FROM-DESKTOP-TO-WIDESCREEN-AND-MOBILE-1024x536.png\" class=\"attachment-large size-large wp-image-76030\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/08\/03-CASCADING-VISUAL-FROM-DESKTOP-TO-WIDESCREEN-AND-MOBILE-1024x536.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/08\/03-CASCADING-VISUAL-FROM-DESKTOP-TO-WIDESCREEN-AND-MOBILE-300x157.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/08\/03-CASCADING-VISUAL-FROM-DESKTOP-TO-WIDESCREEN-AND-MOBILE-768x402.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2021\/08\/03-CASCADING-VISUAL-FROM-DESKTOP-TO-WIDESCREEN-AND-MOBILE.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c56873 elementor-widget elementor-widget-text-editor\" data-id=\"0c56873\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The desktop is the default screen setting that influences all other breakpoints for both larger and smaller screens.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4121d5c elementor-widget elementor-widget-heading\" data-id=\"4121d5c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Example: Setting different titles per breakpoint\n\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f6e466 elementor-widget elementor-widget-text-editor\" data-id=\"5f6e466\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-size: 1rem\">Let\u2019s look at a simple example to understand how it works.<\/span><\/p><p>You set your title a text size of 80px for the default Desktop screen setting. That text size will apply to all other breakpoints.<\/p><p>If you then go to the Tablet breakpoint and set the title size to 60px, it will apply to all smaller breakpoints, including Mobile and Mobile-Extra.<\/p><p>The style you set for Tablet will not apply to larger breakpoints, which in this case includes Laptop and Tablet-Extra. The breakpoints for these larger devices will remain at 80px, the same as Desktop.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc9853 elementor-widget elementor-widget-heading\" data-id=\"fcc9853\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Know exactly which styles you set on other breakpoints\n\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e502b21 elementor-widget elementor-widget-text-editor\" data-id=\"e502b21\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-size: 1rem\">With every additional custom breakpoint comes the necessity to understand exactly what is inherited from one breakpoint to another.<\/span><\/p><p>That&#8217;s why we added a new UI improvement that can help you recognize which styles are inherited from other breakpoints. So, you set the margin on Tablet to 10px, and then moved to Mobile-Extra view.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e09d4d elementor-widget elementor-widget-image\" data-id=\"7e09d4d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=419\/blog\/wp-content\/uploads\/2021\/08\/04-VALUES-1-1024x536.png\" class=\"attachment-large size-large wp-image-75982\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/08\/04-VALUES-1-1024x536.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/08\/04-VALUES-1-300x157.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/08\/04-VALUES-1-768x402.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2021\/08\/04-VALUES-1.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f442170 elementor-widget elementor-widget-text-editor\" data-id=\"f442170\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now you can see that the inherited values on controls such as padding, margin, background images, and every other numeric control are presented as placeholders. In our example, the 10px you set on Tablet will be visible as a greyed-out placeholder on all devices that are smaller than Tablet.<\/p><p><b>Quick Tip! <\/b>Remember that you can only change the style per breakpoint for the values that have the device icon next to the title, as seen in the image below.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d8a61e5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5d8a61e5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-47c261cf\" data-id=\"47c261cf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-054ea02 elementor-widget elementor-widget-image\" data-id=\"054ea02\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=419\/blog\/wp-content\/uploads\/2021\/08\/05-DEVICE-ICON-IN-EDITOR-1-1024x536.png\" class=\"attachment-large size-large wp-image-75981\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/08\/05-DEVICE-ICON-IN-EDITOR-1-1024x536.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/08\/05-DEVICE-ICON-IN-EDITOR-1-300x157.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/08\/05-DEVICE-ICON-IN-EDITOR-1-768x402.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2021\/08\/05-DEVICE-ICON-IN-EDITOR-1.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-346fb072 elementor-widget elementor-widget-heading\" data-id=\"346fb072\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Performance Improvement #1<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33bd08a1 elementor-widget elementor-widget-heading\" data-id=\"33bd08a1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Breakpoints That Break the Speed Limit <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24a65c16 elementor-widget elementor-widget-text-editor\" data-id=\"24a65c16\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To optimize the Custom Breakpoints as much as possible, we rebuilt our responsive control loading mechanism. This improved server response time by up to 23%(!), and reduced the memory usage by ~5%.\u00a0 We also saved approximately ~30% off of data traffic to the Editor load. In other words, it made everything run faster and smoother.<\/p><p>Thanks to the updates we put in place, adding custom breakpoints will not have a significant impact on performance, unlike other solutions who use duplicate code to achieve this. Read more about it in our\u00a0<a style=\"background-color: #ffffff;font-size: 1rem\" href=\"https:\/\/developers.elementor.com\/additional-custom-breakpoints-technical-details-and-gotchas\/\" target=\"_blank\" rel=\"noopener\">development post.<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4421799a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4421799a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3e08c6a0\" data-id=\"3e08c6a0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32bf1e01 elementor-widget elementor-widget-heading\" data-id=\"32bf1e01\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Performance Improvement #2 &amp; #3<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51111c50 elementor-widget elementor-widget-heading\" data-id=\"51111c50\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dropping IE Support and Improving Font Awesome Loading<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d946d63 elementor-widget elementor-widget-image\" data-id=\"d946d63\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=419\/blog\/wp-content\/uploads\/2021\/08\/06-IE-AND-FONT-AWESOME-1-1024x536.png\" class=\"attachment-large size-large wp-image-75980\" alt=\"06 IE AND FONT AWESOME\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/08\/06-IE-AND-FONT-AWESOME-1-1024x536.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/08\/06-IE-AND-FONT-AWESOME-1-300x157.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/08\/06-IE-AND-FONT-AWESOME-1-768x402.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2021\/08\/06-IE-AND-FONT-AWESOME-1.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-398cb92d elementor-widget elementor-widget-text-editor\" data-id=\"398cb92d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tElementor was introduced 5 years ago, in the days when Internet Explorer and other alternatives needed extensive support and code duplication in order to interpret modern code. Nowadays, web browsers are capable of interpreting this modern language natively, without needing additional explanation.\n\nWhy is this important? It enabled us to save up to 110KB on each page load, which means faster pages for you and your visitors.\n\nFont Awesome loading also got an upgrade!\n\nUp until now, when adding an icon from Font Awesome, the entire library was used on the website. By changing the loading mechanism of an icon into <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/svg\/\"   title=\"SVG\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"4896\">SVG<\/a>, we reduce requests hence improve performance and load time across the board.\n\nEvery KB reduced, translates into faster page loads for every page you create in Elementor! Don&#8217;t worry, we&#8217;ll continue to deliver more and more of these improvements.\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2d707019 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d707019\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4386a8c3\" data-id=\"4386a8c3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-194ec782 elementor-blockquote--skin-quotation elementor-blockquote--align-center elementor-blockquote--button-view-icon-text elementor-blockquote--button-skin-classic elementor-widget elementor-widget-blockquote\" data-id=\"194ec782\" data-element_type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tElementor 3.4: Make Everything Responsive With Elementor's Additional Custom Breakpoints!\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/twitter.com\/intent\/tweet?text=Elementor+3.4%3A+Make+Everything+Responsive+With+Elementor%27s+Additional+Custom+Breakpoints%21&amp;url=https%3A%2F%2Felementor.com%2Fblog%2Fblog%2Fintroducing-elementor-3-4%2F&amp;via=elemntor\" class=\"elementor-blockquote__tweet-button\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-blockquote__tweet-label\">Tweet<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cd2e52b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cd2e52b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-43252fbc\" data-id=\"43252fbc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41e22884 elementor-widget elementor-widget-heading\" data-id=\"41e22884\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Elementor Version 3.4<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-601694cd elementor-widget elementor-widget-heading\" data-id=\"601694cd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Better Breakpoints, Better Performance<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56c3ca1e elementor-widget elementor-widget-text-editor\" data-id=\"56c3ca1e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The new Custom Breakpoints make it much easier to adapt your designs to different screens.<\/p>\n<p>This version also continues our dedication to providing you with tools that offer the best performance in the world, with three different performance improvements.<\/p>\n<p><b>Whether you want to customize your design to better fit the latest iPhone (is it 13 already?), your client\u2019s widescreen TV, or landscape devices, take the new feature for a spin and tell us what you think in the comments below.<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elementor 3.4 introduces four new custom breakpoints to the existing two, including widescreen, laptop, and two additional breakpoints for mobile and tablet. Customize them completely to adjust to any screen size. Make your websites responsive and adaptive for any device!\u200b<\/p>\n","protected":false},"author":4,"featured_media":76031,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,15],"tags":[79,173],"marketing_persona":[47],"marketing_intent":[49],"class_list":["post-75909","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-new-features","tag-build","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing Elementor 3.4: Additional Custom Breakpoints<\/title>\n<meta name=\"description\" content=\"Elementor 3.4 introduces four new custom breakpoints to the existing two. Make your websites responsive and adaptive for any device!\u200b\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Elementor 3.4: Additional Custom Breakpoints\" \/>\n<meta property=\"og:description\" content=\"Elementor 3.4 introduces four new custom breakpoints to the existing two. Make your websites responsive and adaptive for any device!\u200b\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-17T12:14:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ben Pines\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Pines\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/\"},\"author\":{\"name\":\"Ben Pines\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\"},\"headline\":\"Introducing Elementor 3.4: Additional Custom Breakpoints for Limitless Design\",\"datePublished\":\"2021-08-17T12:14:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/\"},\"wordCount\":989,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png\",\"keywords\":[\"Build\",\"Video\"],\"articleSection\":[\"Elementor\",\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/\",\"url\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/\",\"name\":\"Introducing Elementor 3.4: Additional Custom Breakpoints\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png\",\"datePublished\":\"2021-08-17T12:14:09+00:00\",\"description\":\"Elementor 3.4 introduces four new custom breakpoints to the existing two. Make your websites responsive and adaptive for any device!\u200b\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png\",\"width\":1200,\"height\":628,\"caption\":\"breakpoints\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Features\",\"item\":\"https:\/\/elementor.com\/blog\/category\/new-features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Elementor 3.4: Additional Custom Breakpoints for Limitless Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\",\"name\":\"Ben Pines\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"caption\":\"Ben Pines\"},\"description\":\"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.\",\"sameAs\":[\"https:\/\/elementor.com\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/ben-pines\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing Elementor 3.4: Additional Custom Breakpoints","description":"Elementor 3.4 introduces four new custom breakpoints to the existing two. Make your websites responsive and adaptive for any device!\u200b","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/","og_locale":"en_US","og_type":"article","og_title":"Introducing Elementor 3.4: Additional Custom Breakpoints","og_description":"Elementor 3.4 introduces four new custom breakpoints to the existing two. Make your websites responsive and adaptive for any device!\u200b","og_url":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2021-08-17T12:14:09+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png","type":"image\/png"}],"author":"Ben Pines","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Ben Pines"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/"},"author":{"name":"Ben Pines","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a"},"headline":"Introducing Elementor 3.4: Additional Custom Breakpoints for Limitless Design","datePublished":"2021-08-17T12:14:09+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/"},"wordCount":989,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png","keywords":["Build","Video"],"articleSection":["Elementor","New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/","url":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/","name":"Introducing Elementor 3.4: Additional Custom Breakpoints","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png","datePublished":"2021-08-17T12:14:09+00:00","description":"Elementor 3.4 introduces four new custom breakpoints to the existing two. Make your websites responsive and adaptive for any device!\u200b","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/08\/BLOG-COVER.png","width":1200,"height":628,"caption":"breakpoints"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/introducing-elementor-3-4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"New Features","item":"https:\/\/elementor.com\/blog\/category\/new-features\/"},{"@type":"ListItem","position":3,"name":"Introducing Elementor 3.4: Additional Custom Breakpoints for Limitless Design"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a","name":"Ben Pines","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","caption":"Ben Pines"},"description":"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.","sameAs":["https:\/\/elementor.com"],"url":"https:\/\/elementor.com\/blog\/author\/ben-pines\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/75909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=75909"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/75909\/revisions"}],"predecessor-version":[{"id":93933,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/75909\/revisions\/93933"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/76031"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=75909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=75909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=75909"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=75909"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=75909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}