Whitespace Issue – Can’t Change & Cell Formatting
-
Hi all, just migrated my site to wordpress.com (using same old host). Building for my daughter. On the homepage, I added a header with an image and menu. As you’ll see from the link below, there’s a lot of whitespace above the “cover” photo and below the block with the image/menu. I’ve gone through the HTML code and am unable to find the correct fix. Sorry, I’m new to wordpress, always just did simple sites in Dreamweaver, so, looking to learn the wordpress way. Anyways, any help would be appreciated. Also, trying to figure out how to make that ‘Menu” look a little better on the right side of that block/row. Thanks in advance.
The blog I need help with is: (visible only to logged in users)
-
the main shift is learning to manage spacing through the block hierarchy rather than manual code. That extra whitespace above and below your Cover block is usually caused by default theme margins or empty spacer/paragraph blocks. To fix it, open the page editor, click the List View icon (the three horizontal lines in the top-left corner) to see your exact structural tree, and delete any accidental empty blocks. Next, select your main header wrapper/group block, open the Dimensions panel in the right-hand sidebar, and check the Padding/Margin settings to drop them to zero.To make your navigation look much cleaner on the right, make sure your header image and menu are wrapped together inside a Row block. Once they are in a Row, look at the right-hand block settings panel under Justification and select Space between items. This will automatically anchor your logo/image to the far left and push your navigation menu beautifully to the far right, matching your design perfectly!”
-
Congrats on the migration! Excess whitespace around a header or cover block is often caused by block padding, margins, or theme-level spacing settings rather than the HTML itself. A good place to check is the block editor’s Dimensions settings for the Cover, Group, or Row blocks, and also review any global spacing options in the theme customizer. For improving the menu appearance, adjusting alignment, spacing, and typography settings within the Navigation block can make a big difference without needing custom code. While working on layout and user experience.
-
Hi there, and welcome to WordPress.com!
Before anything else, since your site is hosted with us and you have a paid plan, I wanted to mention that you’re welcome to reach out to our support team directly if you’d prefer to chat with us.
That said, I agree with both @james3265166 and @williamdennlis23 here. This looks like something we can fix by adjusting the spacing around those blocks. While that may sound fairly simple, there are a couple of details that make this specific case a bit trickier.
For example, it looks like you are (or were) using a plugin to move blocks around. That appears to have created some spacing as tables, and I’m not sure whether those are intentional or something you’d like to keep.
Let me show you an example using the browser inspector:
Since it looks like we may need to discuss in more detail how you’d like the header to look, I’m going to send you an email so we can continue the conversation there. It will be a bit easier and faster to go back and forth as we work through the different options together :)
Read you in a minute!
WordPress.com Forums 