{"id":3613,"date":"2021-11-29T11:07:45","date_gmt":"2021-11-29T11:07:45","guid":{"rendered":"https:\/\/elementor.com\/resources\/?p=3613"},"modified":"2022-05-19T11:20:44","modified_gmt":"2022-05-19T11:20:44","slug":"what-are-nested-columns","status":"publish","type":"post","link":"https:\/\/elementor.com\/resources\/glossary\/what-are-nested-columns\/","title":{"rendered":"What Are Nested Columns?"},"content":{"rendered":"\n<p><strong>Nested Columns <\/strong>are columns within columns that can be added to any existing column for more control and flexibility when designing complex layouts.  For example,  adding columns within columns is adding a 1\/4 column within a 1\/2 column, meaning that the nested column will be 1\/4 of the 1\/2 column it is in and 1\/8 of the entire page width. <\/p>\n\n\n\n<p>As with regular columns, nested columns are 100% cross-device responsive.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Use Elementor\u2019s Nested Columns<\/strong><\/h2>\n\n\n\n<p>Elementor\u2019s<a href=\"https:\/\/elementor.com\/help\/inner-section-widget\/\"> Inner Section widget<\/a> creates nested&nbsp;columns within a section. In this way, designers can create intricate layouts.&nbsp;<\/p>\n\n\n\n<p>To create nested columns:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Drag an&nbsp;<em>Inner Section Widget<\/em>&nbsp;to your column.<\/li><li>As a default, you will receive a section with two columns.<\/li><li>You can add or remove columns by right-clicking the columns\u2019 handle&nbsp;icon.<\/li><li>You can then drag and drop the&nbsp;<em>Inner Section<\/em>&nbsp;<em>widget<\/em>&nbsp;to any column on your page. However, you cannot use the widget within another Inner Section.<\/li><li>Now, you can style the Inner Section the same way you would style a Section.<\/li><li>One can also use Elementor\u2019s <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\">advanced options<\/a> for this widget.<\/li><\/ol>\n\n\n\n<p>Sticky Stay in Column Feature<\/p>\n\n\n\n<p>The following steps will make your inner sections stay in a column while sticky and let you create customized layouts:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>In the inner section, go to the&nbsp;<em>Advanced<\/em> tab &gt; Motion Effects.<\/li><li><strong>Sticky<\/strong>: From the dropdown, select Top or Bottom.<\/li><li>Once you choose, a&nbsp;<em>&#8220;Stay in Column<\/em>&#8221; option will appear.<\/li><li>Switch to&nbsp;<strong>Yes<\/strong> to make your inner section sticky.<\/li><li>If you only want to add a column to your section, right-click the column handle &gt; Add New Column. You can add up to 10 columns.<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Nested Columns are columns within columns that can be added to any existing column for more control and flexibility when designing complex layouts<\/p>\n","protected":false},"author":1292159,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_angie_page":false,"page_builder":"","footnotes":""},"categories":[15,30],"tags":[16],"class_list":["post-3613","post","type-post","status-publish","format-standard","hentry","category-glossary","category-elementor","tag-build"],"acf":[],"_links":{"self":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/3613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/users\/1292159"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/comments?post=3613"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/3613\/revisions"}],"predecessor-version":[{"id":4577,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/posts\/3613\/revisions\/4577"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/media?parent=3613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/categories?post=3613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/resources\/wp-json\/wp\/v2\/tags?post=3613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}