{"id":858,"date":"2026-01-20T00:46:40","date_gmt":"2026-01-20T00:46:40","guid":{"rendered":"https:\/\/nguyenlan.com\/?p=858"},"modified":"2026-01-20T00:58:12","modified_gmt":"2026-01-20T00:58:12","slug":"enable-advance-col-row-flatsome","status":"publish","type":"post","link":"https:\/\/nguyenlan.com\/en\/enable-advance-col-row-flatsome\/","title":{"rendered":"Enable Advance Col Row Flatsome"},"content":{"rendered":"<p><strong>Enable Advance Col Row<\/strong> is an advanced feature that allows you to <strong>gain more detailed control over Rows and Columns in the Flatsome UX Builder<\/strong>, going beyond the theme\u2019s default limitations. This feature enables you to build flexible, complex, and better responsive layouts <strong>without writing custom CSS<\/strong>.<\/p>\n<p>By default, Flatsome only provides basic options for Rows and Columns. <strong>Advance Col Row<\/strong> unlocks professional-level layout customization directly inside the UX Builder.<\/p>\n<h2>What is Advance Col Row in Flatsome?<\/h2>\n<p><strong>Advance Col Row<\/strong> is a feature that extends the <strong>Row<\/strong> and <strong>Column<\/strong> elements in UX Builder, allowing you to:<\/p>\n<ul>\n<li>\n<p>Control spacing with greater precision<\/p>\n<\/li>\n<li>\n<p>Align layouts more flexibly<\/p>\n<\/li>\n<li>\n<p>Customize layout behavior per device<\/p>\n<\/li>\n<li>\n<p>Build complex grids using drag-and-drop<\/p>\n<\/li>\n<li>\n<p>Minimize the need for custom CSS<\/p>\n<\/li>\n<\/ul>\n<p>This feature is suitable for both developers and designers using Flatsome.<\/p>\n<h2>Why use Advance Col Row in UX Builder?<\/h2>\n<p>When you enable <strong>Advance Col Row<\/strong>, you can:<\/p>\n<ul>\n<li>\n<p>Create advanced layouts without coding<\/p>\n<\/li>\n<li>\n<p>Precisely control column widths and structure<\/p>\n<\/li>\n<li>\n<p>Build clean and consistent interfaces<\/p>\n<\/li>\n<li>\n<p>Optimize display on mobile and tablet devices<\/p>\n<\/li>\n<li>\n<p>Reduce reliance on CSS and layout hacks<\/p>\n<\/li>\n<\/ul>\n<p>Perfect for:<\/p>\n<ul>\n<li>\n<p>Landing pages<\/p>\n<\/li>\n<li>\n<p>WooCommerce product pages<\/p>\n<\/li>\n<li>\n<p>Blog \/ magazine layouts<\/p>\n<\/li>\n<li>\n<p>Complex section layouts<\/p>\n<\/li>\n<\/ul>\n<h2>How to enable Advance Col Row in Flatsome<\/h2>\n<p>The <strong>Advance Col Row<\/strong> feature is included in the <strong>Advanced UX Builder for Flatsome<\/strong> plugin.<\/p>\n<h3>Step 1: Install the plugin<\/h3>\n<ol>\n<li>\n<p>Download the plugin at:<br \/>\ud83d\udc49 <a class=\"decorated-link cursor-pointer\" target=\"_new\" rel=\"noopener\">https:\/\/nguyenlan.com<\/a><\/p>\n<\/li>\n<li>\n<p>Upload and activate the plugin in WordPress<\/p>\n<\/li>\n<\/ol>\n<h3>Step 2: Open UX Builder<\/h3>\n<ol>\n<li>\n<p>Open any page and click <strong>Edit with UX Builder<\/strong><\/p>\n<\/li>\n<li>\n<p>Add or select the <strong>Row<\/strong> \/ <strong>Column<\/strong> you want to customize<\/p>\n<\/li>\n<\/ol>\n<h3>Step 3: Use the Advance Col Row options<\/h3>\n<p>After activating the plugin, you will see <strong>advanced options<\/strong> for Rows and Columns, including:<\/p>\n<ul>\n<li>\n<p>Detailed spacing adjustments<\/p>\n<\/li>\n<li>\n<p>Advanced layout alignment<\/p>\n<\/li>\n<li>\n<p>Improved responsive configuration<\/p>\n<\/li>\n<li>\n<p>Flexible layout customization<\/p>\n<\/li>\n<\/ul>\n<p>All settings are configured directly in UX Builder and displayed in real time.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to Enable Advance Col Row Flatsome\" width=\"1020\" height=\"574\" src=\"https:\/\/www.youtube.com\/embed\/AX0NebRfdNo?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><\/p>\n<h2>Responsive control with Advance Col Row<\/h2>\n<p>One of the biggest advantages of <strong>Advance Col Row<\/strong> is its responsive control.<\/p>\n<p>You can:<\/p>\n<ul>\n<li>\n<p>Configure separate layouts for desktop \/ tablet \/ mobile<\/p>\n<\/li>\n<li>\n<p>Adjust spacing without breaking the layout<\/p>\n<\/li>\n<li>\n<p>Easily build layouts using a mobile-first approach<\/p>\n<\/li>\n<\/ul>\n<p>This ensures your website looks great and stays consistent across all devices.<\/p>\n<h2>Performance &amp; Compatibility<\/h2>\n<p>Enable Advance Col Row is built to work stably with Flatsome:<\/p>\n<ul>\n<li>\n<p>Uses the native UX Builder structure<\/p>\n<\/li>\n<li>\n<p>No core file modifications<\/p>\n<\/li>\n<li>\n<p>Safe for Flatsome updates<\/p>\n<\/li>\n<li>\n<p>Lightweight and performance-optimized code<\/p>\n<\/li>\n<li>\n<p>Compatible with cache and SEO plugins<\/p>\n<\/li>\n<\/ul>\n<h2>Conclusion<\/h2>\n<p>If you want a higher level of layout control in UX Builder, <strong>Enable Advance Col Row in Flatsome<\/strong> is an essential feature.<\/p>\n<p>It helps you build advanced, responsive, and professional layouts \u2014 without any custom CSS.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enable Advance Col Row is an advanced feature that allows you to gain more detailed control over Rows and Columns in the Flatsome UX Builder, going beyond the theme\u2019s default limitations. This feature enables you to build flexible, complex, and better responsive layouts without writing custom CSS. By default, Flatsome only provides basic options for<\/p>\n","protected":false},"author":1,"featured_media":864,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,1],"tags":[],"class_list":["post-858","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-advanced-uxbuilder-for-flatsome","category-chua-phan-loai"],"_links":{"self":[{"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/posts\/858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/comments?post=858"}],"version-history":[{"count":6,"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/posts\/858\/revisions"}],"predecessor-version":[{"id":870,"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/posts\/858\/revisions\/870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/media\/864"}],"wp:attachment":[{"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/media?parent=858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/categories?post=858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nguyenlan.com\/en\/wp-json\/wp\/v2\/tags?post=858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}