{"id":57623,"date":"2025-05-19T15:56:19","date_gmt":"2025-05-19T12:56:19","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=57623"},"modified":"2025-09-17T10:52:02","modified_gmt":"2025-09-17T07:52:02","slug":"nested-links","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/nested-links\/","title":{"rendered":"Nested links"},"content":{"rendered":"\n<p>Links are an important part of navigating a website. Most elements can contain links, making them \u201cclickable\u201d &#8211; when you click them, they take you to a different page. One limitation in web design is that you cannot have a clickable element inside another clickable element. These links within links are called <strong>nested<\/strong> <strong>links<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Create links\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/0g27hlrA4zM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>This most commonly occurs when you make a container (such as a flexbox, grid or div block) clickable and then add a clickable element (such as a button) inside the container. This can break the layout of your page.&nbsp;<\/p>\n\n\n\n<p>[callout type=&#8221;warning&#8221;]In the Elementor Editor version 3.x, you receive an error notification in the panel if you try to add a nested link, but the Editor will not prevent you from doing so.[\/callout]&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nested links in Version 4 of the Elementor Editor<\/h2>\n\n\n\n<p>To prevent users from creating nested links and breaking their page layout, Version 4 of the Elementor Editor does not allow you to put a clickable element inside another clickable element.<\/p>\n\n\n\n<p>&nbsp;If you try to add a clickable element inside a clickable element, you\u2019ll see the following warning:<br><img fetchpriority=\"high\" decoding=\"async\" width=\"380\" height=\"150\" class=\"wp-image-57624\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png 640w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73-300x118.png 300w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>Take me there<\/strong> to open the parent container so you can delete the link.<\/li>\n<\/ul>\n\n\n\n<p>If you try to add a link to a container that already contains a clickable element, you\u2019ll see the following error message:<br><img decoding=\"async\" width=\"380\" height=\"175\" class=\"wp-image-57625\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-74.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-74.png 640w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-74-300x138.png 300w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>Take me there<\/strong> to open the clickable element to remove the link.<\/li>\n<\/ul>\n\n\n\n<p>[callout type=&#8221;tip&#8221;]Often creators want to use a button inside a container to draw visitors&#8217; attention and let them know they can click the item, but they want the entire container to be clickable for greater accessibility. In this case, you can make the container clickable but not add a link to the button. This way, if the visitor clicks either the button or container, they will go to the link.[\/callout]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Links are an important part of navigating a website. Most elements can contain links, making them \u201cclickable\u201d &#8211; when you click them, they take you to a different page. One limitation in web design is that you cannot have a clickable element inside another clickable element. These links within links are called nested links. This [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1508],"tags":[],"class_list":["post-57623","post","type-post","status-publish","format-standard","hentry","category-introduction"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Nested links | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Nested links in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\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\/nested-links\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nested links | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Nested links in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/nested-links\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:56:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T07:52:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"252\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Nested links\",\"datePublished\":\"2025-05-19T12:56:19+00:00\",\"dateModified\":\"2025-09-17T07:52:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/\"},\"wordCount\":320,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png\",\"articleSection\":[\"Introduction\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/\",\"url\":\"https:\/\/elementor.com\/help\/nested-links\/\",\"name\":\"Nested links | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png\",\"datePublished\":\"2025-05-19T12:56:19+00:00\",\"dateModified\":\"2025-09-17T07:52:02+00:00\",\"description\":\"Learn everything about Nested links in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/nested-links\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png\",\"width\":640,\"height\":252},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/nested-links\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor V4\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introduction\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/introduction\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Nested links\"}]},{\"@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\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nested links | Elementor","description":"Learn everything about Nested links in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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\/nested-links\/","og_locale":"en_US","og_type":"article","og_title":"Nested links | Elementor","og_description":"Learn everything about Nested links in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/nested-links\/","og_site_name":"Help","article_published_time":"2025-05-19T12:56:19+00:00","article_modified_time":"2025-09-17T07:52:02+00:00","og_image":[{"width":640,"height":252,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/nested-links\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nested-links\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Nested links","datePublished":"2025-05-19T12:56:19+00:00","dateModified":"2025-09-17T07:52:02+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/nested-links\/"},"wordCount":320,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/nested-links\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png","articleSection":["Introduction"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/nested-links\/","url":"https:\/\/elementor.com\/help\/nested-links\/","name":"Nested links | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/nested-links\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/nested-links\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png","datePublished":"2025-05-19T12:56:19+00:00","dateModified":"2025-09-17T07:52:02+00:00","description":"Learn everything about Nested links in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/nested-links\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/nested-links\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/nested-links\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-73.png","width":640,"height":252},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/nested-links\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/v4-editor\/"},{"@type":"ListItem","position":3,"name":"Introduction","item":"https:\/\/elementor.com\/help\/v4-editor\/introduction\/"},{"@type":"ListItem","position":4,"name":"Nested links"}]},{"@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\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=57623"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57623\/revisions"}],"predecessor-version":[{"id":153049,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57623\/revisions\/153049"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=57623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=57623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=57623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}