Wordpress remove white space above header. Nov 10, 2023 · Yes I tried all the page layouts.

Wordpress remove white space above header. May 31, 2016 · Working on a WordPress website.
you need to go to the template you want to use (like “page” and find the block that contains “site content”. Dec 22, 2013 · Thank you for your advice. Slider & Popup Builder by Depicter - Add Image Slider, Carousel Slider, Exit Intent Popup, Popup Modal, Coupon Popup, Post Slider Carousel Jan 10, 2023 · There are a few ways to get rid of the white space above your header in WordPress. Sep 10, 2013 · in this case, changing the id “ # main” will not change the amount of space underneath the menu, as “ # main” is the entire page under the menu. The white space is the one marked in red rectangle Dec 2, 2019 · Building a WordPress site and want to remove the white space above the header image? There are a couple of ways to achieve the removal of white space above the header. Hi! I’m not a developer so I don’t know how to fix this problem. Jul 23, 2017 · Ok, I’m taking a different tack. I have about 32 px of white space above my header image, and I have no clue how to remove it. Feb 8, 2023 · 2/ Reduce the space between the header menus and the contact – and the white space below the ‘Contact’ page title and the line beneath it (border between it and the page content). Jan 31, 2023 · I’ve tried everything I can find on other support threads but can’t figure out how to remove that pesky white space above the header and below the footer on my site. com Forums Remove white gaps between site logo and header Remove white gaps between site logo and header roisingrace · Member · Jun 3, 2015 at 8:14 pm Copy link Add topic to favorites Hi guys, I recently purchased and changed my theme to Zuki, which is great. Apr 26, 2023 · To reduce white space above a logo in WordPress, you can follow these steps: Log in to your WordPress dashboard. How to Customize the WordPress Header With Astra. Method 1: Adding Blank Space Between WordPress Blocks With Block Editor. Margin and padding are 0 so I don’t know what is the problem. I created a new website with GP premium and Now I want to eliminate the header on the main page. Again, using Twenty Twenty theme, just updated to ver 1. The desktop page renderings are showing no unintended blank white space after the header and appears to be rendering as I had intended. However, I am not the least comfortable with the wide space between the bottom of the primary header and the post title (And also between the bottom of the primary header and the sidebar). You are missing either the wp_footer or wp_head snippets, or both of them: <?php wp_head(); ?> ### Place this before the </head> tag in your header. com Forums Trying to remove white space between logo image and header menu is Hueman Theme Trying to remove white space between logo image and header menu is Hueman Theme belleblushh · Member · Mar 27, 2015 at 10:58 am Copy link Add topic to favorites Hi guys, Sorry this is my last resort. You’re currently using the default page template. None of these works to remove the white space, or the 'Add Title' on every page when I open and existing page or add a new one. The header padding is fine on the rest of the pages. 3. … Oct 31, 2017 · This is my website: www. When I use -57 margin to remove the white, the navigating menu are not center anymore. From the customizer, open the Header tab. Thank you for any help 🙂 . When you set margin-top: 0px; on this paragraph, the space goes away. That is the header bottom area, please go to Appearance > Customize > Header > General, from here disable the header bottom area. Read the similar question but the suggestions didn't work for me. Use Unity to build high-quality 3D and 2D games and experiences. Started by: sunshinemaz. I’ve been fiddling around within the customiser and also on the widget tabs, but can’t figure it out. It’s where my header text was previously. 3; 4; 7 years, 3 months ago. However, it still has 1 critical flaw. Set the Header Height to 128px. com Forums Removing white space above navigation menu Removing white space above navigation menu marcgoodick · Member · Jan 21, 2016 at 9:07 pm Copy link Add topic to favorites I am looking to remove some of the white space above my navigation menu. Second, I want to reduce the width of the header so it is more narrow in nature. Feb 8, 2020 · Doesn’t work as expected. If you want to remove the top part only (not the area on top of your logo) then just add the #wrapper lines Jul 25, 2024 · I am trying to remove the white space/padding above the menu bar/header and below the footer. if the white space disappears, it means that in the template you are using, the element that contains the “site content” (for example a column or group) has some margins or padding. Sep 15, 2023 · en WordPress. It used to contain the ‘login’ link and, even though I’ve managed to remove the link, the strip remains. The page I need help with: [ log in to see the link] Jun 6, 2018 · I'm using the 'make' theme for wordpress and need to remove the white space both above each headline and above and below the 'read more' link. You want to remove the white space that is positioned below the header area and above the footer on pages/posts, right? To remove this space: How to get rid of it on a single page? You just need to add some custom CSS to the page. There is also still the same bottom padding on the page which I don’t see how to remove, even reducing the padding to negative. If you are working on a WordPress theme and notice an annoying white space that appears at the top of your pages, it is most likely due to the admin menu. Dec 3, 2021 · The menu is still above the photo but it is neater and more controllable. 0+) the options described in this document will not be applicable. Oct 16, 2021 · On All products page , I have problem of excess white space which I don’t want , And there you see edit with elementor but it is only for custom header which I make , It does not make edit in content , so how can I remove this excess white space below my header in these pages …. Dec 4, 2022 · Try applying the “blank” template to your page. If you’re using Astra Header Builder (Astra Theme version 3. com. I posted your code in the custom css but the white strip band is still appearing. This will take away from the overlay effect I’m looking for, even with margin edits. March 24, 2015 at 12:17 am #54180 Jul 16, 2022 · 1. site-header . This reply was modified 2 years, 4 months ago by Aezaz Shekh. post-inner { padding-top: 0; } Mar 10, 2022 · Regarding the page header, it looks like the page you provided is currently set as homepage and the page header with this background image and the “Georgische Artisanale Natuurwijnen” text can be seen, so I’m not sure I understand what exactly is the issue. Is there a CSS code I can input to remove the padding above and below my site? The theme doesn’t have that option in the customizer section. entry-header { display: none; } . Both header and footer work fine. This is a picture of the result: And the wordpress dashboard: Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand May 30, 2022 · Hello, Please go to Appearance > Customize > Header > General, from here try to remove the top padding value and check. You can select the Header Position from the three different options here: Header on Top, Header on Left, or Header on Right. Disabling an empty top bar may solve the problem. page-template-template-homepage:not(. 0. <?php wp_footer(); ?> ### Place this before the </body> tag in your footer. It makes my header way too big. The quick and easy way to remove the space between your website header and the browser in just 2 minutes! Hi everyone, I’m trying to remove the white space below the header on my homepage only, so that the header and the cover image touch. and then I used the code below to remove blank space between footer and the bottom of the page since there was a white gap there as well footer {margin-top: 0!important;} The page I need help with: [log in to see the link] Feb 17, 2023 · I’m trying to remove the black/white bar that is appearing at the top of this page (photo attached). Mar 7, 2022 · Remove white space between page and footer Resolved possum127 (@possum127) 2 years, 5 months ago Hi, I created a page using elementor, however there happens to be some white space between the page … Jun 16, 2023 · Although I’m sure there is an option somewhere in the dashboard to remove that white space, if you are looking for a quick simple fix you can go to the additional css under appearance then type this in : . No one else has come back on this so it must be a tough one. Get in contact with us if the issue persists. If I adjust the height of the menu it does cover the white space but then loses all functionality. I changed the “TOP MENU HEADER SETTINGS” of Menu Position from “before the logo” to “after the logo” so now that white space is displaying below the menu. Simple step: 1. us I am using the Otography theme. Another way is to add a negative margin to the header, which will pull it up into the desired position. I’m building a blog and I can’t find a way to remove the blank space between the header and the main menu. Oct 27, 2019 · I am trying to remove the white space at the top of my wordpress website. I've included a snippet that shows my code. Mar 27, 2015 · en WordPress. 🔔 Note: If you use a caching plugin, make sure to empty its cache. Jan 9, 2023 · What I would like to do is remove the white space between blocks for the “Twenty Twenty-Three” theme. Jun 3, 2015 · en WordPress. Look forward to hearing back from you. I am trying to edit a plugin page on my Wordpress website. Enter the following CSS code to target the logo: CSS. Thank you for your kind patience with this and sorry for the delay in replying you here on this thread. If you want full control over your WordPress header, the free Astra theme gives you a drag-and-drop, no-code way to fully customize your WordPress header. Nov 10, 2023 · Yes I tried all the page layouts. How to remove the white space in the wordpress header and also remove pesky theme features, like for example, a search icon. wp-site-blocks . Jul 3, 2017 · If you want to remove the space at the top, one way of doing this would be to change the above code to something like: . Is there any way to remove it from there? First that space appeared at the bottom of menu. I’ve removed the menu and header using css, but this remains. wp-block-group { margin-top: 0} Jan 11, 2017 · I've looked through my theme's CSS and haven't been able to find how or where to get rid of this white space gap between the body content and my footer. But there’s a band of white space above it. com Forums Reducing white space between header image and menubar/Enlarging featured image Reducing white space between header image and menubar/Enlarging featured image minusthemooicecream · Member · Mar 12, 2015 at 2:28 am Copy link Add topic to favorites My site on Sela theme (minusthemoo. Everything looks fine on desktop but on mobile there is a significant amount of whitespace at the top and bottom of the header. #top-bar { padding: 0 !important; } Thanks. You have full control over the layout and all of its elements so you can build the perfect header for your site. com Forums Remove white space above footer Remove white space above footer tabibitocol · Member · Oct 4, 2021 at 7:50 pm Copy link Add topic to favorites Hello, I would like to remove the huge white space above the header on all my pages but I just haven’t been able to figure out how. I’d like to remove all of the vertical white space between these blocks. Dec 7, 2021 · That white space below the logo is the header itself. There are three plugin pages, two look the same, but the other has a white space above the text. I want it to looks like this instead: View post on imgur. May 31, 2016 · Working on a WordPress website. There's always a large empty white space below my footer. If you don’t want to have a post thumbnail in that spot, you can toggle the feature off. Generally themes put the page/post ID on the body tag and looks like your theme does that, too. Nov 30, 2022 · I cannot figure out how to get rid of the extensive amount of white space (or black in this case) above the menu and the actual product display. The page I need help with: [log in to see the link] Oct 22, 2022 · Hi there, Please try to adjust this through Header options > Header Height under Qode Essential Addons > Options > Header. Hello guys, if you are planning to buy hosting, please use th Oct 23, 2023 · Blank space above the footer davenchy (@davenchy) 10 months ago I’m using the astra theme. Can you please help. It still does it in Sydney Canvas, although it lessens the amount. (Please note: this is a screenshot of a preview; it isn't actually live). Is there any CSS code I can post in… Jan 19, 2022 · But how do I significantly decrease the white space above and below the header on my static home page? The margin-top and margin-bottom adjustment affects the image below the H1 but not the white space above and below the H1. GP users. It helps to show a call to action button, contact details, social media icons, menu, etc. While many WordPress themes offer built-in headers, customizing them allows you to add essential elements like important links, social icons, and site search. removing Jan 20, 2023 · en WordPress. Unfortunately this code did not remove the clear space to the left of div#page. Mar 26, 2017 · en WordPress. 0. Jul 13, 2016 · I’m using the Jupiter theme and there is a white strip across the top that I need to remove. I have had no… Aug 27, 2023 · I am using twenty twenty three. SUPPORT ME Buy Elementor Pro @ https:// Jun 5, 2019 · en WordPress. There might be white space on mobile view for certain pages or templates when the cookie banner is enabled. Downloaded the layout on a brand new divi website and white blank space shows between actual page content and the fixed header (the space varies as per device, less on macbook air but a lot on a mobile device). wp-block-cover. Started by: philipjbrowning. Does anyone have a bit of CSS code to get rid of the white space so the Cover block is at the top of the page. I have only a top side header row (with the menu). Right now there is a white space above the hero image. site-header { margin-bottom: 0px; } If you want to remove it even more, the content has some margin-top, so you have to add this to your CSS. But it is not a Dec 1, 2022 · At my wits end. np-logo-section-wrapper { padding: 0; } Thanks Jan 18, 2022 · I’m trying to have my hero (home page) full height and width. The header Sections module introduces two header sections (Above Header and Below Header ) in the website header. Navigate to Appearance > Customize > Additional CSS. Kind regards, Herman 😊 Sep 12, 2013 · elementor answer to white space above and under footer. I cannot find a way to remove it. First I will provide info for WordPress users in general and second will be some tips for those who are using the Divi framework. Thanks for choosing Neve! I checked your site, but I am not sure I can see the issue. I can set the ‘Content Area Spacing’ to zero, and then the white space is gone. There’s a large blank space on top of every pages. Hope that helps :) Dec 5, 2020 · First, I want to reduce the white space between my logo/primary menu and the top of the header image. I am currently using the Twenty Sixteen template. Find solutions to remove empty space above headers in CSS on Stack Overflow's Q&A platform. I didn't Inspect the code but I'm guessing OP used negative margin to bring the background image behind the logo and menu nav, and when it responds, it doesn't have enough negative margin for the responsive screen size. 4x security update (as of 5/18/20). I have tried to inspect and remove it but is not working the white space above is just annoying. Oct 4, 2021 · en WordPress. Removing the White Space Issue in WordPress. I'm currently in the process of setting up my blog, and I am having difficulty formatting the header in the way I had planned. Aug 15, 2024 · The code above will remove the header from your entire WordPress website. Jul 15, 2024 · Improving your WordPress website with a custom header is a great idea for both design and user experience. it appears that you may be able to reduce some of the spacing by changing the class “. So my question is why should there be a large blank between the header and the photo cover on all of the non-home pages? When I look at the pages, there is nothing above header. Jul 1, 2022 · Hi @derekbenedict. sprinklesandstreamers. type-page,. I understand what you have done. This is the code on the page with the white space: Sep 22, 2021 · How to Remove the White Space below the Footer in Wordpress Site using CSS. page-template-template-homepage . The logo image doesn’t occupy the entire height of the header as its height is smaller than the one of the header, so there will remain a space above and below that image. At the linked page I can see it has the following class: page-id-12, where the number is the page/post ID of WordPress. It’s possible to remove that space below the logo by decreasing the header height, but this depends on the screen size. Apr 11, 2023 · Hi @neljaabaya,. Usually the slider/header starts at the top with the navigation bar overlapping it. Link to image: https://d. I also want to make the PAGE TITLE itself smaller as it looks too big on a mobile phone, have tried pasting various bits of code that I've found in searches but Aug 26, 2022 · You could try something like this custom CSS to remove the space on pages, while leaving it on single posts, where it seems to be needed: /* Pages - Remove padding above main content area */ . Also, this document describes a feature intended for the old Astra header option. Open List View. page . That header has margin-bottom: 30px;, so you have to add this to your CSS. Nov 1, 2022 · To remove the space above the footer you will need to add some custom CSS, as the site wide blockGap is giving the white space at the top of the footer template part, and template parts do not have the dimension controls in the editor. Apr 10, 2014 · en WordPress. In the Left or Right positions you can set a fixed width by using the slider under Header Width. Tried a few codes from other similar questions asked here before, but no luck. Mar 23, 2022 · Hello, I’m trying to work out how to reduce the size of the large white space underneath my main menu bar on the homepage. 2; 1; 7 years, 1 month ago. com Nov 25, 2023 · Here are a few things you can do that will most certainly fix White Spaces on the sides of your WordPress websites. html - Eliminating white space after footer. I’m using a child version of Theme 7. My front page is the only exception, but on every other page the white space is there. com Forums Remove white space above header image in Atahualpa? Remove white space above header image in Atahualpa? horsemenadmin · Member · Apr 10, 2014 at 7:52 pm Copy link Add topic to favorites I just updated Atahualpa and now I have this white space above my header image. The page I need help with: [log in to see the link] Sep 3, 2014 · en WordPress. It still doesn’t eliminate the white space. I also applied the no-margin-bottom class to the navigation block, in an effort to get the social buttons block to move up a bit, and it changed all the spacing between the navigation links. has-post-thumbnail) . I did some searching and found a Post where you recommended installing this CSS Jan 6, 2014 · Try replacing what you have with this instead:. Here is also an image. Jul 19, 2011 · I know it depends on people’s preference, some might find it fine, some find it too big, and want to remove that Twenty Eleven white space above the header image. The pag… Nov 21, 2023 · I have too much white space above and below featured image in mobile view, and too much white space below header when i don’t use a featured immage. Of course the value can be set to non-zero, but the OP wanted to remove the space, not overlap or increase the space. com Forums Remove white space above header Remove white space above header greystonelandscapelawn · Member · Jun 5, 2019 at 12:51 pm Copy link Add topic to favorites I am trying to remove the white space above the header and below my top navigation menu on: https://greystonelandscape. entry-content h2 { margin-top: 0; } Only the entry-header CSS is working though. I have not been able to figure out how I remove the white space, which apeear to be just outside or inside the content container (below the header and above the footer) in mobile view. The setting will be available under Appearance > Customize > Header Builder > Above Header Above Header Space will add padding to the above header section from all WordPress's Block Editor makes it incredibly easy to create beautiful pages. Click the pencil icon next to the template name to open the editor and close the left sidebar. I’ve set up a Cover block (image with text overlay) as my page header. Please advise! Nov 8, 2013 · en WordPress. 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. Mar 12, 2015 · en WordPress. com Forums White space above navigation bar – can I remove the white space? White space above navigation bar – can I remove the white space? garysullivan2014 · Member · Jan 20, 2023 at 2:04 pm Copy link Add topic to favorites Hello! There is a giant white space above my navigation bar on this site. The method to remove that area above the header is very easy, but there are some changes you should be aware of. Please help me. Browse through the header patterns and choose the one you like. I’ve done some searching and haven’t been… Mar 5, 2024 · If you’d prefer written instructions, then just keep reading. Is there any custo… Sep 28, 2022 · White Space below Header Resolved bloodrider (@bloodrider) 1 year, 10 months ago HI I am trying out Spectra + Astra but for some reason, I can’t seem to get rid of the white space below the H… Oct 18, 2021 · Hi Peta, You need to use the “Twentig – No title” template to remove the page title on your pages. com Forums White space above header and below footer White space above header and below footer aatosnystedt · Member · Sep 15, 2023 at 9:57 pm Copy link Add topic to favorites There’s a white blank space above my header, and white space below the footer, which also displays the theme name. is-light{display: none;} This will hide the div element from your site. com I want to remove the white space above and below my logo image. how can i delete the white… Sep 2, 2020 · In this video, I will show you how you can fix the White Space issue on your WordPress Website. When the page has an element that is stretched with javascript or not responsive a white space might occur. You could try adding the CSS below in WP Admin > Appearance > Customize > Additional CSS:. site { padding: 0 27px 27px; } which will retain the padding on the sides and bottom, but remove it at the top. Let’s dive a bit deeper into the steps you can take to remove white spaces May 11, 2021 · Premium Theme Support Organic Themes Collective Remove space above header image Remove space above header image allyhorticulture · Member · May 11, 2021 at 1:51 am Copy link Add topic to favorites Hello, how do I remove the white space above my header image so it touches the top menu? Jan 21, 2016 · en WordPress. Mar 27, 2022 · There is padding in the top above the header, because of this the white bar is coming on the header. com Forums Remove white space above header in Motif theme Remove white space above header in Motif theme tunesfeed · Member · Aug 17, 2014 at 1:11 am Copy link Add topic to favorites I would like to remove some of the white space above the header in my Motif theme. Jan 21, 2023 · Starting from version 4. The process of adding the CSS follows: 1) Using the Customizer Or Editing the Stylesheet Hello @revitalage. I’ve tried to use custom CSS code through Simple Custom CSS with no effect (to be fair, I have no idea how to use CSS to edit themes) [Mail Bank - #1 Mail SMTP Plugin for WordPress] Plugin generates output with ending PHP tag. Make sure you have activated Header Sections module from Astra Pro. New to WordPress so I'm having a Nov 29, 2022 · which removed blank space between the header and the top of the page. Apr 12, 2019 · The easy fix for this problem is to reinsert the snippet of code you forgot. There are other methods you can explore to add, remove, or change the gap between elements on your site: Insert a Spacer block to add space anywhere onto a page or post. I don’t know how the 3rd-party page builder plugin you’re using works, but there are several issues on the page… the white space being the least of them. So that the white space is of a smaller margin. site-main{ padding-top:0; } Sep 29, 2021 · Thank you! That definitely helped. com Forums Remove white space above/below header on mobile Remove white space above/below header on mobile passionsandplaces · Member · Mar 26, 2017 at 8:41 am Copy link Add topic to favorites Hi all, I’m using a Genesis Framework theme (Lifestyle Pro) for my blog, and I made a couple small changes to increase the height… Mar 6, 2022 · I don’t know how to fix entirely in the block editor but a bit of customizer>additional css should fix it. Go to Global Styles click the Styles icon near the top right, and then you’ll see the Layout, then add 0 to all the padding options. Do I need to change this in the CSS, or is this defined in some sort of function? May 5, 2017 · I've tried to remove the white space between the header and body but can't get it to work. I'm using a Wordpress theme. One way is to simply remove the space in the code by editing the CSS. Remove white space between header The Kadence Theme has a fully customizable header through the header builder. If you go to the home page of my site you should see what I mean. com Forums Cannot remove space above header and below footer Cannot remove space above header and below footer priscaonline2005 · Member · Jul 12, 2024 at 2:10 pm Copy link Add topic to favorites Hello, I need help with removing the space above the header and below the footer on my wordpress pages. php file in your WordPress theme. com Forums Remove White Header Space Remove White Header Space srshrake · Member · Sep 3, 2014 at 7:52 pm Copy link Add topic to favorites I am trying to get rid of the white space above the Welcome image. Oct 19, 2023 · Visiting your site above and I don’t see any space between the Header and cover image. com Forums How to delete white space above the header How to delete white space above the header schaubdiane · Member · Nov 8, 2013 at 4:50 pm Copy link Add topic to favorites Hi there, I have two questions and i really hope someone can help me out: 1. I didn’t find any white space in the header, did you figure out how to remove it? 😃 . These changes should bring the rest of the website up on the page. I assume it’s the Ocean WP theme as the sections tend to hide behind the white space when I retract the top margin. Here is my site. I want to remove it. I bought a theme but there’s a white space above the header. Apr 29, 2022 · White Space above header in Divi Resolved seppola (@seppola) 2 years, 3 months ago This is driving me nuts… For some reason, when going into any funnel in WP Funnels, I get this problem with … Jun 27, 2023 · Hi, I am trying to remove the space above the header on my website. Unfortunately, as with so much, it seems to have created a new problem. For this to work we’d need to somehow make this white space between post content and header go away Jan 29, 2023 · However, it works when I apply the CSS code according to the instructions, but the pages have this white space behind the header. Similar to the Block Spacing method described above, you can control the Padding Settings around many blocks. Aug 17, 2023 · If it is enabled, but there are no widgets assigned to it, then it may appear as a blank space. Learn how to reduce the amount of white space between the header and the first block of content using the WP Bakery Page Builder Plugin (formerly Visual Comp Jun 2, 2023 · Hello. It also over-rides the code that i added to remove the white space above my header: margin-top: -42px; However I am truly grateful for your reply. #header { padding: 0px 0 0 0; } #wrapper { margin-top: 0px; } Should do the trick. On that found element replace margin-top with padding-top if you need space above it and yet not to leak it above the body tag. Click the three dots to the right of the header template part, and select Replace header. Apr 11, 2022 · Above the menu otpion, there is 30px white space appearing. The tablet page renderings are showing a smaller unintended blank white space after the header. I have set all of the background settings for the top row to transparant state. You can read more about Header Sections Addon from here. It does not allow you to manages spaces b Aug 28, 2020 · White Space Between Header and 1st row on themify?No CSS no php editing needed. I would appreciate any help to reduce this wide space. The header i… Apr 19, 2023 · Hi @ketanco I see, the best way to achieve that would be to first remove all the white space in the header using the layout option in Global Styles as Alvaro mentioned before. As you can see, their is extra space on the sides of the header. Though I have search this forum for an answer to how to manage this space, I have found none that works. For reference, I’ve tried each of the following: . When you activate Page Headers Addons from the Astra dashboard and enable Above Header on the site, you can see this option. For example, in the page I need help with, I’ve created a menu with a red background in the header and two test blocks with an orange and purple background. White space above header mobile joern2 (@joern2) 3 hours, 8 minutes ago I have this white bar and white space when trying to scroll at the top and bottom of my website on mobile. wp-block-template-part { margin-top:0; } The Customizer is no longer available with Twenty Twenty-Two, You can use this plugin to add the custom CSS instead. before building page - load prebuild layouts (anyone) and rep All you need to do is give your HEADER tag a 1px border, aswell as setting the BODY MARGIN to zero, as shown below. body { margin:0px; } header { border:1px black solid; } If you have any H1, H2, tags within your HEADER you will also need to set the MARGIN for these tags to zero, this will get rid of any extra space which may show up. Mar 22, 2015 · Above the purple header is an inch or so of white space. I think the issue is with the background image and the negative margin. wp-block-template-part { margin-top:0; } Mar 12, 2023 · Here's quick tip for how to find and REMOVE that pesky extra margin or padding "clear space" or "empty space" or "invisible space" around your header area in Jun 5, 2019 · en WordPress. I have… Mar 25, 2022 · Hi @andrmcal,. Have you managed to remove it or am I missing something? If I am, please share a screenshot pointing to the space you would like to remove. What I am referring to is the white space above the header image, between the header image and the background. May 29, 2023 · This removes the space before the header as the OP asked. entry-header { display: none; } } . It doesn’t matter what image/text I place in the header widget, the white space above it persists. In the editor, the margin is set to zero. Jul 10, 2022 · There should be a way to remove it via the block settings but it might be easier to just add the following CSS code: . 1; 0; 8 years, 4 Oct 7, 2020 · New to wordpress, I am trying to remove the white space between the header and the slider. post-inner { padding-top: 0; } . The easiest way to add blank space between your blocks is by using the Gutenberg block editor. Above Header Layout Astra provides two layouts for Above Header. Remove line and space below header. in my case it was white space in the section after i inserted a footer template into the section i spent hours messing around with template css and section css and padding etc. custom-logo-link {margin-top: -10px; /* adjust the value as needed */} Save and publish the changes. Jun 29, 2022 · I updated the theme to the latest version but it created a white space with ‘\n\n\n’ above the header that we cant seem to find a way of removing it. Instead the navigation bar overlaps white space with a little left over until the slider/header starts. Thanks again, Kristy Feb 22, 2024 · The large space above the post title is meant to be the place for the post thumbnail, aka featured image. About your requirements: I am not sure if you have already got the way for this one, but as far as I can see that the same space is appearing for be above and below the button. Jun 14, 2023 · BoldGrid Crio provides several options for the header design. pr/i/HeyBP6. There is indeed some white space under the header, but that is present on desktop as well, so I’m not sure if that’s what you are referring to, since you mentioned that the space you are referring to is not visible on desktop. Dec 9, 2018 · complete newbie here. 2. Inspect the page once again and now travel up the DOM to the body tag. com) has too much whitespace between the header image (logo) and the menu… Unity is the ultimate entertainment development platform. alignfull. Jan 11, 2013 · Thank you for this. The only option I see is to add it in the footer widget which makes the words offset from the logo regardless of the style and looks awkward. Jul 9, 2022 · Now trying to remove or at least reduce the white space between the page title and the header(?) where my logo is. My goal would be to remove the space, so that the floral pattern is flush with the content box or whatever you call it. Refer to this screenshot, please. Also above and below the 'older posts' link at the bottom of the page. anyone knows how to sort this? header { width: 100% May 24, 2022 · White space above pages content Resolved lamayas (@lamayas) 2 years, 2 months ago Hi there, I am having an issue with the plugin generating a white space above the content of my pages. Basically when I am trying to edit a wordpress page, every time there is an "add title" thing on top of page which I think is the reason for that happening. You can control your themes layout options and features globally in APPEARANCE => CUSTOMIZE, or for individual pages/posts in the editor (screenshot Dec 6, 2023 · The topic ‘Space Above Site Header on Mobile’ is closed to new replies. Sep 18, 2021 · Please note that I’m a total newcomer both to WordPress and the Colormag theme. Edit the first row of Page Builder and click Sep 26, 2021 · In some instances, when using Elementor (Pro),. Or you can also add the below CSS code from the Appearance > Customize > Custom CSS, and check. Please help Mar 29, 2017 · Remove the gap between your elementor page and header or footer by setting a minus value to the top or bottom margin. Jul 3, 2024 · If you ever need to see how it works, the WordPress header is contained in the header. turns out , it was the column in the section. bdbrown. 3/ remove the border line under contact – or change it to white, so it does not show Nov 11, 2022 · The space is coming from a top margin on the paragraph <p> tag indicated in the screenshot below. Deploy them across mobile, desktop, VR/AR, consoles or the Web and connect with people globally. . This is how it looks like for me on mobile. With many thanks. If you want to remove more space then you can use the following code:. I know it is not part of my header because it is not effected when I make my header transparent. How do I ensure that the page ends at the end of the footer? Aug 17, 2014 · en WordPress. May 14, 2023 · Themes: Some themes may have pre-set margins or padding that can cause white space to appear. All pages have the white space above. I would like to know if there is a way of reducing that space so that the header image is closer to the ‘top’ of the page. com Jul 12, 2024 · en WordPress. 1 you can use built-in Design Options to control margins, borders and paddings of rows, columns, images and text. Feb 8, 2022 · Hi I’m just struggling to remove the white space under the logo & above the hero image, I removed the title with the CSS;. Or you can also try to add the below CSS code from the Appearance > Customize > Custom CSS, and check. but there is a blank space above the footer that I can’t remove. It appears above the primary header. site-content article” which has the setting “padding-top: 40px” – as the top and bottom are both set it turns into 80 pixels of space. Padding is the space around the outside of a block, inside the border. I presume the gap is not part of header otherwise it would show on home. Here is a screenshot of the issue. You add this CSS code, so the white space above the header will be removed. If you would only like to hide it for a specific page, add the page ID number to the rule. This problem doesnt show… May 1, 2022 · I understand you are trying to remove the white space above the slider on your home page. This is due to the fact how Complianz calculated the width of the page. wordpress-empire [Hueman] Remove Blank Space above Slider? Started by: AZBros. My site is: Archerydude. Posts: If you have a post with a lot of white space, it can cause white space to appear on your website. I set the margin and padding to 0. 3 with the 5. Above Header Layout 1 On the left sidebar, choose the Template with the header you want to change. . /anxiety How To Remove Space Above Header In WordPress. The mobile page renderings are showing a large unintended blank white space after the header. Any help is appreciated. hfeed. entry-content h2 { margin-top: 0; } Note that this assumes the element just before the h2 (which is a “p” tag in this case) is a block level element with a bottom margin. Twenty Eleven white space above the header changes. Now il looks like this: View post on imgur. Why does the white space above the footer, footer footer, and header on the page “all This is the one that causes the white space on top of body element. As for the white space you are referring to, I’m not sure I can see it. qqe kwhlirme uyopjq wxjnqf qbtvii refe fsqa nvsfrvi xdqlt jkfox