Source: https://divicake.com/blog/how-to-make-the-row-full-width-in-divi/ [Blog](https://divicake.com/blog/)/[Blogging](https://divicake.com/category/blogging/) # How To Make The Row Full Width In Divi By Divi Cake·9 July 2024·Updated 9 July 2024·3 min read Creating full-width rows in Divi is a straightforward process that can significantly enhance the visual appeal and functionality of your website. We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [The Challenge with Recent Divi Updates](https://divicake.com#the-challenge-with-recent-divi-updates) - [The Simple Workaround](https://divicake.com#the-simple-workaround) - [Why Use Full-Width Rows?](https://divicake.com#why-use-full-width-rows) - [Final Thoughts:](https://divicake.com#final-thoughts) In the dynamic world of web design, creating a seamless and visually appealing layout is crucial for engaging your audience and ensuring a positive user experience. For users of [Divi](https://divicake.com/go/divi/), a popular [WordPress](https://divicake.com/blog/wordpress-tutorial/) theme and visual page builder, one common question is how to make a row span the full width of the page. This feature is particularly important for those who want their content to utilize the entire screen space, creating a more immersive and modern look. ## The Challenge with Recent Divi Updates In earlier versions of [Divi Builder](https://divicake.com/blog/divi-theme-builder-overview/), there was a straightforward switch that allowed users to set a row to full width with a single click. However, this convenient option has been removed in recent updates, leaving many users puzzled and searching for solutions. By default, Divi confines rows to a width of 1080px. While this standard width works well for many layouts, it may not always suit your design needs, especially if you aim for a more expansive, edge-to-edge presentation. ## The Simple Workaround Thankfully, making a row full width in Divi is still quite easy, even without the old switch. Here’s a step-by-step guide to help you achieve this: - Open Row Settings: - Start by opening the page you want to edit in the Divi Builder. Click on the row you wish to modify to open its settings panel. - Navigate to the Design Tab: - In the row settings panel, switch to the Design tab. This tab houses various options that allow you to customize the appearance and behavior of your row. - Adjust the Sizing Settings: - Within the Design tab, find the Sizing section. Here, you will see fields for Width and Max-Width. - Set the Width to 100%. This ensures that the row takes up the entire width of the container it is in, which is typically the width of the browser window. - Set the Max-Width to 100% as well. This setting is crucial as it removes any maximum width constraints that might otherwise prevent the row from stretching fully across the screen. In Divi’s Row Design Settings, navigate to the “Design” tab where you can adjust the layout, sizing, spacing, border, box shadow, and animation options. Row Design Setting Read More: [Hide Image Title and Pagination in Divi Gallery Lightbox](https://divicake.com/blog/hide-image-title-and-pagination-in-divi-gallery-lightbox/) - Save and Exit: - After adjusting the sizing settings, save your changes and exit the row settings panel. It’s a good practice to preview your page to ensure that the row now spans the full width as intended. - Additional Customizations (Optional): - Depending on your specific design needs, you might want to make additional customizations. For instance, adjusting the padding and margins can help you fine-tune the appearance and spacing of your content within the full-width row. ## Why Use Full-Width Rows? Using full-width rows in your Divi designs can offer several benefits: - Enhanced Visual Appeal: Full-width rows allow you to create visually striking sections that grab attention and engage visitors. They are ideal for showcasing large images, videos, or background elements that span the entire screen. - Maximized Screen Real Estate: Especially on larger monitors, full-width rows make efficient use of available screen space, providing a more immersive experience for users. - Improved Responsiveness: Full-width rows help ensure that your design looks good on all devices, from desktop monitors to mobile screens, by automatically adjusting to the width of the viewer’s screen. Read More: [Free Speed Test Tools for Your Divi Website](https://divicake.com/blog/speed-test-tools-for-divi-website/) ## Final Thoughts: Creating full-width rows in Divi is a straightforward process that can significantly enhance the visual appeal and functionality of your website. Despite the removal of the simple toggle in recent updates, achieving a full-width row is still easily manageable through the row settings. By adjusting the width and max-width to 100%, you can ensure that your content spans the entire screen, providing a modern and immersive user experience. Full-width rows offer numerous benefits, including improved visual impact, efficient use of screen space, and better responsiveness across different devices. These enhancements are particularly valuable for showcasing large images, videos, and other background elements that need to capture the visitor’s attention. By following the steps outlined in this guide, you can effortlessly implement full-width rows in your Divi projects. This technique not only helps in creating a seamless and visually engaging layout but also maximizes the potential of your web design, ensuring that your site looks great on any screen size. In summary, mastering the use of full-width rows in Divi is a valuable skill for any web designer. It allows you to create stunning, edge-to-edge designs that enhance user engagement and improve the overall aesthetics of your site. Whether you’re a seasoned designer or just starting out, these tips will help you make the most of Divi’s capabilities, ensuring your website stands out with a professional and polished look. Read More: [WordPress/Divi Plugin Conflicts: How to Find, TroubleShoot, and Debug Them](https://divicake.com/blog/wordpress-divi-plugin-conflicts/) ## Written by Divi Cake Divi 5 tutorials, layouts and fixes from the team that builds Divi sites every week. - [About Divi Cake](https://divicake.com/about/) ## Get the Divi Cake newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi 5 migration](https://divicake.com/divi-4-to-divi-5-migration/) - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Blogging [ How to make money with Divi Blogging10 min read ### How to Make Money with Divi Nine ways to earn an income with Divi — affiliate marketing, services, digital products, courses, memberships, sponsored posts and ads — and what your site needs before any of them work. 15 October 2026](https://divicake.com/blog/make-money-with-divi/) [ Customizing Divi for advanced WordPress development projects Blogging4 min read ### Customizing Divi for Advanced WordPress Development Projects Seven ways to take Divi past its stock settings on an advanced build: custom CSS and JavaScript, child themes, integrations, hooks and filters, and performance work. 11 October 2026](https://divicake.com/blog/customizing-divi/) [ Selling Divi websites and child themes Blogging10 min read ### How to Make Money Selling Divi Websites and Child Themes How to earn from Divi three ways: building sites for clients, selling finished websites through a brokerage or marketplace, and packaging child themes for sale. 29 September 2026](https://divicake.com/blog/selling-divi-websites-and-child-themes/)