{"id":19059,"date":"2024-04-13T12:37:43","date_gmt":"2024-04-13T07:37:43","guid":{"rendered":"https:\/\/mcstarters.com\/?p=19059"},"modified":"2024-04-13T12:37:45","modified_gmt":"2024-04-13T07:37:45","slug":"remove-sidebar-in-divi","status":"publish","type":"post","link":"https:\/\/mcstarters.com\/blog\/remove-sidebar-in-divi\/","title":{"rendered":"How to remove the sidebar in Divi"},"content":{"rendered":"\n<p>Are you using Divi to craft your WordPress website but find yourself wanting to remove sidebar in Divi? One common desire among website owners is to remove the sidebar, offering a cleaner and more focused browsing experience for their visitors. Fortunately, with Divi&#8217;s flexible design options, achieving this is simpler than you might think.<\/p>\n\n\n\n<p class=\"bg-light\">You Might Also Like to Hire: <a href=\"https:\/\/mcstarters.com\/services\/divi-theme-experts\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Divi Theme Expert<\/strong><\/a><\/p>\n\n\n\n<p>If you want to Remove Sidebar in the Divi then you must follow our below step. In this post, we will show you how to remove the Divi sidebar in <a href=\"https:\/\/mcstarters.com\/blog\/what-is-wordpress-vip-features-pricing-and-top-alternatives\/\" target=\"_blank\" data-type=\"post\" data-id=\"30250\" rel=\"noreferrer noopener\">WordPress<\/a>.<\/p>\n\n\n\n<p class=\"bg-light\">You Might Also Like: <a href=\"https:\/\/mcstarters.com\/free-divi-footer-layout\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/mcstarters.com\/free-divi-footer-layout\/\" rel=\"noreferrer noopener\"><strong>Divi footer<\/strong><\/a> Templates For Divi Websites<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Remove Sidebar in Divi<\/h2>\n\n\n\n<p class=\"step\"><strong>Step 1: <\/strong>To remove the Divi sidebar, you can copy the below code.<\/p>\n\n\n\n<pre class=\"wp-block-code bg-code\"><code>\/*** Remove the divider line between content and sidebar ***\/\n  #main-content .container:before {background: none;}\n\n\/*** Hide Sidebar ***\/\n  #sidebar {display:none;}\n\n\/*** Expand the content area to fullwidth ***\/\n  @media (min-width: 981px){\n  #left-area {\n  width: 100%;\n  padding: 23px 0px 0px !important;\n  float: none !important;\n  }\n  }<\/code><\/pre>\n\n\n\n<p class=\"step\"><strong>Step 2:<\/strong> Go to<strong> Divi > Theme<\/strong> Options\u00a0and at the bottom of the default \u201cGeneral\u201d tab, paste the CSS snippet into the \u201cCustom CSS\u201d box and save changes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2021\/10\/Remove-Sidebar-In-Divi-1024x451.png\" alt=\"Remove Sidebar In Divi\" title=\"\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Why Remove the Sidebar?<\/h3>\n\n\n\n<p>Before diving into the how-to, let&#8217;s quickly address why you might want to remove the sidebar from your Divi website.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Focus on Content<\/strong>: By eliminating the sidebar, you can direct visitors&#8217; attention solely to your main content, whether it&#8217;s blog posts, products, or services.<\/li>\n\n\n\n<li><strong>Enhanced Visual Appeal<\/strong>: A clutter-free layout often translates to a more visually appealing website. Removing the sidebar can contribute to a cleaner and more modern design aesthetic.<\/li>\n\n\n\n<li><strong>Improved User Experience<\/strong>: Simplifying your website&#8217;s layout can make navigation easier for your visitors, resulting in a more enjoyable browsing experience.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusions<\/h2>\n\n\n\n<p>By following the steps outlined in this guide, you can seamlessly remove the sidebar from your Divi website, offering a cleaner and more focused browsing experience for your visitors. Remember to consider the impact on your website&#8217;s design and user experience, and don&#8217;t hesitate to experiment with different layouts to find what works best for your unique needs. Here&#8217;s to creating a visually stunning and user-friendly website with Divi!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1640592343362\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do I get rid of sidebar?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>On the left side of your dashboard, choose Appearance &gt; Widgets. The Sidebar area can be found on the right-hand side of the page. Clicking the down arrow expands the widget section. Then select Delete from the drop-down menu.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1640592474933\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What is a sidebar in Divi and how to remove it?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Sidebars are a Divi feature. WordPress sidebars are those that come standard with a Divi theme&#8217;s basic template. These sidebars will appear on pages or posts that have a layout that contains a sidebar and aren&#8217;t designed with the <a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/mcstarters.com\/blog\/divi-aff\"    target=\"_blank\" rel=\"nofollow\">Divi Builder<\/a>.<br \/>You can remove the Divi sidebar by adding custom CSS.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Are you using Divi to craft your WordPress website but&#8230;<\/p>\n","protected":false},"author":5,"featured_media":19061,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[2,6],"tags":[416,415],"class_list":["post-19059","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-divi","tag-remove-sidebar","tag-wordpress-divi"],"_links":{"self":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/19059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/comments?post=19059"}],"version-history":[{"count":0,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/19059\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media\/19061"}],"wp:attachment":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media?parent=19059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/categories?post=19059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/tags?post=19059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}