{"id":121261,"date":"2023-07-05T10:43:41","date_gmt":"2023-07-05T05:13:41","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/re-order-elementor-column-layout-sticky\/"},"modified":"2023-07-05T11:59:04","modified_gmt":"2023-07-05T06:29:04","slug":"re-order-elementor-column-layout-sticky","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/re-order-elementor-column-layout-sticky\/","title":{"rendered":"How to Re-order Elementor Column Layout in Desktop, Mobile &#038; Tablet + Sticky Elementor Columns [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\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\">\r\n<iframe title=\"How to Re-order Elementor Column Layout in Desktop, Mobile &amp; Tablet + Sticky Elementor Columns\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/hUyRF7KScFs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 07 : 59 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>In this Elementor Tutorial, we will learn how to reorder or rearrange Elementor columns for Mobile, Desktop or Tablet screen. You can complete transfer column position for different screen modes easily by adding ordering numbers, without any coding expertise.\n\nReverse Column Order or completely transfer from 1st to last, you can do it all with this powerful Elementor Column Extensions from The Plus Addons for Elementor\n\nLive Demo &#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/plus-extras\/elementor-column-improvements-upgrades-responsive\/#column-order\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/plus-extras\/elementor-column-improvements-upgrades-responsive\/#column-order<\/a><br><br>\nExclusive Features <br>\n\u2705 Works on any WordPress Theme,<br>\n\u2705 You can Reorder Hamburger Menu items with this<br>\n\u2705 Reorder Images for responsive screen<br>\n\u2705 Sticky Elementor Column<br><br>\nOther Column Extensions from The Plus Addons:<br>\n\u2705 Custom Media Query Breakpoints for Column Settings<br>\n\u2705 Custom Column Width Options<br>\n\u2705 Responsive Column Order<br>\n\u2705 Add Custom CSS to Columns<br><br>\n&#8212;<br><br>\nTime stamps  <br>\n0:00 Intro<br>\n1:13 Activating the Column Ordering Elementor Extension<br>\n2:15 Responsive Column Order Explained<br>\n4:36 CASE 1: Reordering Navigation Menu Columns <br>\n6:10 CASE 2: Store Page Column Reordering<br>\n6:48 Extra Tip : Sticky Column Extension<br>\n7:32 Outro<br><br>\n&#8212;<\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121262,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121261","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121261"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121261\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121262"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121261"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}