{"id":122217,"date":"2025-01-06T14:46:18","date_gmt":"2025-01-06T12:46:18","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=122217"},"modified":"2025-12-18T07:03:14","modified_gmt":"2025-12-18T05:03:14","slug":"elementor-326-off-canvas-loop-grid-performance","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/","title":{"rendered":"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance"},"content":{"rendered":"\n<p>This release introduces exciting updates that improve design flexibility, optimize website speed, and boost your site-building process. From enabling Dynamic Content with the Off-Canvas widget in Loop Grids to streamlining <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\" title=\"What Is CSS? How to Use it in Web Design (2025)\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"29983\">CSS<\/a> and DOM, this update focuses on making your website both smarter and faster.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">[Pro] Dynamic Off-Canvas for Loop Grids<\/h2>\n\n\n\n<p>With Elementor 3.26, we\u2019ve made one of your most requested features a reality: the Off-Canvas widget can now be added directly to Loop Grid templates. This enhancement allows you to create richer, more interactive designs by linking Dynamic Content to the Off Canvas widget, delivering seamless user experiences.<\/p>\n\n\n\n<p>Whether you\u2019re designing a product catalog, a blog archive, or a services showcase, this feature empowers you to display additional information, while keeping the layout clean and engaging.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Revolutionize your product Grids<\/h3>\n\n\n\n<p>The Off-Canvas widget can now be triggered from any link field you can find on a Heading, Button, Image and more. Here\u2019s a use case example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/ecommerce\/\" title=\"eCommerce\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"20781\">eCommerce<\/a> Site: <\/strong>Imagine a grid displaying products with a title, image, and brief description. Add a &#8220;Quick View&#8221; button to each product that opens an off-canvas modal. Inside the modal, you can display a full description, price, additional product images, and even an Add to Cart button\u2014all dynamically connected to the product.<\/li>\n\n\n\n<li><strong>Service Listings: <\/strong>A service directory might show summaries for different offerings in the grid. Clicking a button could open an off-canvas with detailed descriptions, testimonials, or even a booking form.<\/li>\n<\/ul>\n\n\n\n<p>This feature is designed for maximum flexibility, enabling you to craft highly personalized experiences that keep users engaged. By revealing more information dynamically without requiring navigation to a new page, you\u2019ll create a smoother journey that keeps visitors focused and reduces bounce rates.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/12\/Off-Canvas-Loop-Grids-1-1024x538.png\" alt=\"\" class=\"wp-image-122225\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/12\/Off-Canvas-Loop-Grids-1-1024x538.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/12\/Off-Canvas-Loop-Grids-1-300x158.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/12\/Off-Canvas-Loop-Grids-1-768x403.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/12\/Off-Canvas-Loop-Grids-1-1536x806.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2024\/12\/Off-Canvas-Loop-Grids-1-2048x1075.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"read-more-link show-free\"><a href=\"https:\/\/elementor.com\/pro\/\">Get Elementor <\/a><a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pro<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Smoother, Faster Websites with CSS and DOM Optimizations<\/h2>\n\n\n\n<p>Performance is at the core of every great website, and Elementor 3.26 delivers significant improvements to ensure your website is faster, leaner, and more efficient. This release focuses on optimizing how your site loads CSS and manages its DOM structure, directly impacting page speed and visitor experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CSS Loading Made Smarter<\/h3>\n\n\n\n<p>Improved CSS Loading, an ongoing effort to speed up and clean up your websites, takes another leap forward. Elementor 3.26 introduces:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Conditional Swiper Styles: <\/strong>Carousel-related Swiper styles now load only when a carousel widget is present on the page. This saves 26.7KB of unnecessary CSS for pages without carousels, keeping your site lightweight and fast.<\/li>\n\n\n\n<li><strong>Smaller CSS File Sizes:<\/strong> By refining how styles are handled, we\u2019ve reduced the size of the files that power your design, helping your pages load quicker and ensuring a smoother experience for your visitors.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Optimized DOM for Better Performance<\/h3>\n\n\n\n<p>The DOM (Document Object Model) is the foundation of your site\u2019s HTML structure. A larger DOM can slow down page rendering and negatively impact your Lighthouse score. Elementor 3.26 addresses this with a series of refinements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Streamlined Widgets:<\/strong> Unnecessary wrappers have been removed from most widgets, simplifying the DOM structure while maintaining essential functionality.<\/li>\n\n\n\n<li><strong>Cleaner Accessibility Elements:<\/strong> Hidden elements for screen readers have been replaced with more efficient attributes, reducing clutter without compromising usability.<\/li>\n\n\n\n<li><strong>Simplified Carousel Markup:<\/strong> Outer wrappers for carousel widgets have been eliminated, further reducing the DOM size.<\/li>\n<\/ul>\n\n\n\n<p>With Elementor 3.26, your website isn\u2019t just faster\u2014it\u2019s smarter, leveraging the latest in web performance best practices to stay ahead of the curve.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/12\/Performance-1-1024x538.png\" alt=\"\" class=\"wp-image-122232\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/12\/Performance-1-1024x538.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/12\/Performance-1-300x158.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/12\/Performance-1-768x403.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/12\/Performance-1-1536x806.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2024\/12\/Performance-1-2048x1075.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">[Pro] Advanced AdBlock Detection for Popups<\/h2>\n\n\n\n<p>With Elementor 3.26, managing how your website interacts with ad-blocking visitors becomes more intuitive and effective. A new AdBlock Detection trigger, available in the Display Conditions panel, allows you to display specific popups when visitors are using ad-blocking software. This feature helps you communicate important messages, such as encouraging users to disable their ad blocker for a better experience or to access specific content.<\/p>\n\n\n\n<p>To further enhance this functionality, we\u2019ve added the Reload Page dynamic tag. This enables you to create interactive and actionable popups, such as one with a button labeled \u201cI turned off AdBlock.\u201d When clicked, the button refreshes the page, ensuring the updated experience reflects the visitor&#8217;s actions. Together, these updates make it easier to engage with ad-blocking users in a seamless and user-friendly way.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/12\/Adblock-1-1024x538.png\" alt=\"\" class=\"wp-image-122246\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/12\/Adblock-1-1024x538.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/12\/Adblock-1-300x158.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/12\/Adblock-1-768x403.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/12\/Adblock-1-1536x806.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2024\/12\/Adblock-1-2048x1075.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"read-more-link show-free\"><a href=\"https:\/\/elementor.com\/pro\/\">Get Elementor <\/a><a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pro<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Unify Product Images with AI<\/h2>\n\n\n\n<p>The new Unify Product Images feature, powered by Elementor AI, helps <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/woocommerce-builder\/\" title=\"WooCommerce Builder\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"20780\">WooCommerce<\/a> store owners achieve a consistent and professional look for their online shops. This new feature effortlessly standardizes your product images, ensuring they all have the same style, no matter their origin. It centers all images, can add a subtle shadow to create depth, and even lets you select the background color! Choose your background color from a color picker or provide a specific hex code to match your brand perfectly. This not only saves you valuable time and effort but also elevates your brand image, making your products more appealing to customers. You can access this powerful tool from any Product page or apply it as a bulk action to your entire product catalog.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/12\/Unify-AI-1-1-1024x538.png\" alt=\"\" class=\"wp-image-122406\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/12\/Unify-AI-1-1-1024x538.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/12\/Unify-AI-1-1-300x158.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/12\/Unify-AI-1-1-768x403.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/12\/Unify-AI-1-1-1536x806.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2024\/12\/Unify-AI-1-1-2048x1075.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Additional Updates to Elementor 3.26<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Accessibility enhancements<\/strong>: Updated attributes and improved keyboard navigation, helping make Elementor pages with carousels more accessible, ensuring compliance with web accessibility standards and creating a more inclusive user experience.<\/li>\n\n\n\n<li><strong>Added support to Gutenberg Blocks in the frontend<\/strong> &#8211; The rendering of Blocks is now supported and visible in both the front-end and the back-end, but can not be edited with Elementor.<\/li>\n\n\n\n<li><strong>Updated Safari support<\/strong>: Minimum supported Safari version is now 15.5, ensuring modern functionality and performance.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Update Today to Explore What\u2019s New<\/h2>\n\n\n\n<p>Elementor 3.26 includes updates that improve your website\u2019s performance, design flexibility and workflow. Update now and unlock the full potential of these new features, making your websites faster, smarter, and more engaging than ever before.<\/p>\n\n\n\n<p class=\"read-more-link show-free\"><a href=\"https:\/\/elementor.com\/pro\/\">Get Elementor <\/a><a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pro<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Boost your site\u2019s speed and performance with optimized CSS and a cleaner DOM, create dynamic content with an Off-Canvas modal from Loop Grids, and leverage the new AdBlock detection trigger.<\/p>\n","protected":false},"author":2024242,"featured_media":122218,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,199,15],"tags":[173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-122217","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-elementor-ai","category-new-features","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.26: Dynamic Design &amp; Enhanced Performance<\/title>\n<meta name=\"description\" content=\"Boost your site\u2019s speed and performance with optimized CSS and a cleaner DOM, create dynamic content with an Off-Canvas modal from Loop Grids, and leverage the new AdBlock detection trigger.\" \/>\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\/elementor-326-off-canvas-loop-grid-performance\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance\" \/>\n<meta property=\"og:description\" content=\"Boost your site\u2019s speed and performance with optimized CSS and a cleaner DOM, create dynamic content with an Off-Canvas modal from Loop Grids, and leverage the new AdBlock detection trigger.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/\" \/>\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=\"2025-01-06T12:46:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-18T05:03:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Roi Tal\" \/>\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=\"Roi Tal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/\"},\"author\":{\"name\":\"Roi Tal\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/09f7425d5f0e4e8ac7764b202c165fc0\"},\"headline\":\"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance\",\"datePublished\":\"2025-01-06T12:46:18+00:00\",\"dateModified\":\"2025-12-18T05:03:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/\"},\"wordCount\":955,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png\",\"keywords\":[\"Video\"],\"articleSection\":[\"Elementor\",\"Elementor AI\",\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/\",\"url\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/\",\"name\":\"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png\",\"datePublished\":\"2025-01-06T12:46:18+00:00\",\"dateModified\":\"2025-12-18T05:03:14+00:00\",\"description\":\"Boost your site\u2019s speed and performance with optimized CSS and a cleaner DOM, create dynamic content with an Off-Canvas modal from Loop Grids, and leverage the new AdBlock detection trigger.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance\"}]},{\"@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\/09f7425d5f0e4e8ac7764b202c165fc0\",\"name\":\"Roi Tal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/53a4b8103bf51815f66eec9532fb9ba89fb71bfb887c67660c39f06e73f509a5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/53a4b8103bf51815f66eec9532fb9ba89fb71bfb887c67660c39f06e73f509a5?s=96&d=mm&r=g\",\"caption\":\"Roi Tal\"},\"description\":\"Roi is a Product Marketing Manager at Elementor, working in the Editor Plugin team. He comes from a background of music and experience in content marketing and broadcasting, taking pride in creating meaningful communications that evoke and inspire. In his spare time, Roi enjoys making music, cooking, and watching movies.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/roit\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance","description":"Boost your site\u2019s speed and performance with optimized CSS and a cleaner DOM, create dynamic content with an Off-Canvas modal from Loop Grids, and leverage the new AdBlock detection trigger.","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\/elementor-326-off-canvas-loop-grid-performance\/","og_locale":"en_US","og_type":"article","og_title":"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance","og_description":"Boost your site\u2019s speed and performance with optimized CSS and a cleaner DOM, create dynamic content with an Off-Canvas modal from Loop Grids, and leverage the new AdBlock detection trigger.","og_url":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2025-01-06T12:46:18+00:00","article_modified_time":"2025-12-18T05:03:14+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png","type":"image\/png"}],"author":"Roi Tal","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Roi Tal","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/"},"author":{"name":"Roi Tal","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/09f7425d5f0e4e8ac7764b202c165fc0"},"headline":"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance","datePublished":"2025-01-06T12:46:18+00:00","dateModified":"2025-12-18T05:03:14+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/"},"wordCount":955,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png","keywords":["Video"],"articleSection":["Elementor","Elementor AI","New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/","url":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/","name":"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png","datePublished":"2025-01-06T12:46:18+00:00","dateModified":"2025-12-18T05:03:14+00:00","description":"Boost your site\u2019s speed and performance with optimized CSS and a cleaner DOM, create dynamic content with an Off-Canvas modal from Loop Grids, and leverage the new AdBlock detection trigger.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/12\/cover-1.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/elementor-326-off-canvas-loop-grid-performance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"Introducing Elementor 3.26: Dynamic Design &amp; Enhanced Performance"}]},{"@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\/09f7425d5f0e4e8ac7764b202c165fc0","name":"Roi Tal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/53a4b8103bf51815f66eec9532fb9ba89fb71bfb887c67660c39f06e73f509a5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/53a4b8103bf51815f66eec9532fb9ba89fb71bfb887c67660c39f06e73f509a5?s=96&d=mm&r=g","caption":"Roi Tal"},"description":"Roi is a Product Marketing Manager at Elementor, working in the Editor Plugin team. He comes from a background of music and experience in content marketing and broadcasting, taking pride in creating meaningful communications that evoke and inspire. In his spare time, Roi enjoys making music, cooking, and watching movies.","url":"https:\/\/elementor.com\/blog\/author\/roit\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/122217","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\/2024242"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=122217"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/122217\/revisions"}],"predecessor-version":[{"id":147978,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/122217\/revisions\/147978"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/122218"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=122217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=122217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=122217"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=122217"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=122217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}