{"id":146,"date":"2022-10-12T12:00:00","date_gmt":"2022-10-12T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=146"},"modified":"2023-08-17T17:41:25","modified_gmt":"2023-08-17T14:41:25","slug":"layout-issue-padding-at-the-top-and-bottom-of-site","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/","title":{"rendered":"Prevent unwanted padding at the top and bottom of your site"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Solving The Problem Of Mysterious Padding At The Top Or Bottom Of The Website&nbsp;<\/h3>\n\n\n\n<p>This is generally due to padding added by your theme and there is usually an option to remove it via the customizer. Go to&nbsp;<em>Appearance &gt; Customize<\/em>&nbsp;and look for an option that controls this. You may need to check with your theme\u2019s support or documentation.&nbsp;<\/p>\n\n\n\n<p>In this example, a theme allows you to enable or disable a Top Bar. If it is enabled, but there are no widgets assigned to it, then it may appear as a blank space. Disabling an empty top bar may solve the problem.<\/p>\n\n\n\n<p>In addition, padding can be applied to the top bar as well, so even if you are using a Top Bar with widgets, there may be padding above and\/or below it, based on this setting.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"286\" height=\"463\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-meNAFkEC4q.jpg\" alt=\"\" class=\"wp-image-2204\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-meNAFkEC4q.jpg 286w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-meNAFkEC4q-185x300.jpg 185w\" sizes=\"(max-width: 286px) 100vw, 286px\" \/><\/figure>\n\n\n\n<p>Each theme may handle this differently, so the screenshot is only one possible example and many themes may not have a top bar at all, but they may still have Header or Footer options that allow you to control padding or margins. In addition, the theme may have assigned margins or padding within it&#8217;s CSS stylesheet, but doesn&#8217;t have an option in Customizer to easily change this. In this case, check with the theme&#8217;s support or documentation for help in overriding the CSS.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to solve the problem of mysterious padding at top or bottom of site<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["62c6c58604948913d26c33ca"],"footnotes":""},"categories":[1437],"tags":[],"class_list":["post-146","post","type-post","status-publish","format-standard","hentry","category-widgets"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Prevent unwanted padding at the top and bottom of your site | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Prevent unwanted padding at the top and bottom of your site in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prevent unwanted padding at the top and bottom of your site | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Prevent unwanted padding at the top and bottom of your site in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-12T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-17T14:41:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-meNAFkEC4q.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"286\" \/>\n\t<meta property=\"og:image:height\" content=\"463\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Prevent unwanted padding at the top and bottom of your site\",\"datePublished\":\"2022-10-12T09:00:00+00:00\",\"dateModified\":\"2023-08-17T14:41:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/\"},\"wordCount\":241,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/file-meNAFkEC4q.jpg\",\"articleSection\":[\"Widgets\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/\",\"name\":\"Prevent unwanted padding at the top and bottom of your site | Elementor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/file-meNAFkEC4q.jpg\",\"datePublished\":\"2022-10-12T09:00:00+00:00\",\"dateModified\":\"2023-08-17T14:41:25+00:00\",\"description\":\"Learn everything about Prevent unwanted padding at the top and bottom of your site in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/file-meNAFkEC4q.jpg\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/file-meNAFkEC4q.jpg\",\"width\":286,\"height\":463},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/layout-issue-padding-at-the-top-and-bottom-of-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build with the Editor\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/widgets\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Prevent unwanted padding at the top and bottom of your site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementor.com\\\/help\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prevent unwanted padding at the top and bottom of your site | Elementor","description":"Learn everything about Prevent unwanted padding at the top and bottom of your site in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/","og_locale":"en_US","og_type":"article","og_title":"Prevent unwanted padding at the top and bottom of your site | Elementor","og_description":"Learn everything about Prevent unwanted padding at the top and bottom of your site in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/","og_site_name":"Help","article_published_time":"2022-10-12T09:00:00+00:00","article_modified_time":"2023-08-17T14:41:25+00:00","og_image":[{"width":286,"height":463,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-meNAFkEC4q.jpg","type":"image\/jpeg"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Prevent unwanted padding at the top and bottom of your site","datePublished":"2022-10-12T09:00:00+00:00","dateModified":"2023-08-17T14:41:25+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/"},"wordCount":241,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-meNAFkEC4q.jpg","articleSection":["Widgets"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/","url":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/","name":"Prevent unwanted padding at the top and bottom of your site | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-meNAFkEC4q.jpg","datePublished":"2022-10-12T09:00:00+00:00","dateModified":"2023-08-17T14:41:25+00:00","description":"Learn everything about Prevent unwanted padding at the top and bottom of your site in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-meNAFkEC4q.jpg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-meNAFkEC4q.jpg","width":286,"height":463},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/layout-issue-padding-at-the-top-and-bottom-of-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Build with the Editor","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Prevent unwanted padding at the top and bottom of your site"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/146\/revisions"}],"predecessor-version":[{"id":165308,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/146\/revisions\/165308"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}