{"id":165965,"date":"2026-03-02T17:09:57","date_gmt":"2026-03-02T15:09:57","guid":{"rendered":"https:\/\/elementor.com\/help\/?post_type=videos&#038;p=165965"},"modified":"2026-03-04T14:42:54","modified_gmt":"2026-03-04T12:42:54","slug":"navigating-the-tabs-element","status":"publish","type":"videos","link":"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/","title":{"rendered":"Navigating the Tabs Element"},"content":{"rendered":"\n<p>In this tutorial, you will learn how to effectively use the Elementor v4 tabs element. Following the principles of atomic design, each part of the element is constructed and styled as an independent unit, offering enhanced control and flexibility.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gain total design flexibility with the Elementor v4 tabs element using atomic design.<\/p>\n","protected":false},"featured_media":166082,"template":"","meta":{"_acf_changed":true,"_elementor_kustomer_id":[]},"categories":[1506],"tags":[],"class_list":["post-165965","videos","type-videos","status-publish","has-post-thumbnail","hentry","category-v4-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Navigating the Tabs Element | Help<\/title>\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\/help\/videos\/navigating-the-tabs-element\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Navigating the Tabs Element | Help\" \/>\n<meta property=\"og:description\" content=\"Gain total design flexibility with the Elementor v4 tabs element using atomic design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-04T12:42:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-6.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/\",\"url\":\"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/\",\"name\":\"Navigating the Tabs Element | Help\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-6.jpg\",\"datePublished\":\"2026-03-02T15:09:57+00:00\",\"dateModified\":\"2026-03-04T12:42:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-6.jpg\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-6.jpg\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Videos\",\"item\":\"https:\/\/elementor.com\/help\/videos\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Navigating the Tabs Element\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Navigating the Tabs Element | Help","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\/help\/videos\/navigating-the-tabs-element\/","og_locale":"en_US","og_type":"article","og_title":"Navigating the Tabs Element | Help","og_description":"Gain total design flexibility with the Elementor v4 tabs element using atomic design.","og_url":"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/","og_site_name":"Help","article_modified_time":"2026-03-04T12:42:54+00:00","og_image":[{"width":960,"height":540,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-6.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/","url":"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/","name":"Navigating the Tabs Element | Help","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-6.jpg","datePublished":"2026-03-02T15:09:57+00:00","dateModified":"2026-03-04T12:42:54+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-6.jpg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-6.jpg","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/videos\/navigating-the-tabs-element\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Videos","item":"https:\/\/elementor.com\/help\/videos\/"},{"@type":"ListItem","position":3,"name":"Navigating the Tabs Element"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/videos\/165965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/videos"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/videos"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media\/166082"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=165965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=165965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=165965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}