Remove Space between ‘block’ and breadcrumbs in header

I would also like to lose the’ home’ on it’s own on the homepage

Hi there!

I would also like to lose the’ home’ on it’s own on the homepage

If you only want to hide the element, you can try the following snippet:

/* Hide breadcrumb on homepage:https://www.ads-software.com/support/topic/remove-space-between-block-and-breadcrumbs-in-header/#post-15497095 */

.home .breadcrumb {
    display: none !important;
}

Please navigate to WP Admin > Appearance > Customize > Additional CSS, add the above snippet and then click on Publish button to save changes.

help me with the space between ‘wooden memory boxes made in the UK’ and the ‘home’ breadcrumbs. The space needs to be removed from all pages, if possible.

Can you please share a screenshot of the section where you want to remove the spacing?

If you don’t already have a screenshot service installed, you can try https://snipboard.io or https://skitch.com/.
You can share the direct link to the image as a response to this topic.

[Please redact any private details, including address, name, email address, transaction details, API Keys, Passwords, etc]

Thank you for code – ‘home’ has now gone from the homepage.

https://snipboard.io/47eFCK.jpg

Thank you – would love to get rid of this space as per image.

It seems to be a second block with no text and I don’t know how to delete it

Hi there @jennyrrr,

Thanks for sharing a screenshot showing the huge spacing between the header and main content! I see what you mean!

First, the code needs to be a tweaked a bit for the Storefront theme:

/* Hide breadcrumb on Storefront homepage */

.home .storefront-breadcrumb {
    display: none !important;
}

Please navigate to **WP Admin > Appearance > Customize > Additional CSS**, delete the other code, and add the snippet above. After that, click on Publish to save the changes.

The page should then look like this:

Link to image: https://d.pr/i/trWb3j

As for the additional block, that actually seems to be an empty paragraph block based on the code I’m seeing using my browser’s developer tools:

Link to image: https://d.pr/i/yHZdy8

When editing the section, you should be able to delete that empty block. Can you please share a screenshot of that so we can take a closer look?

Thank you!

The one space has gone now, thank you so much

https://snipboard.io/8oOrKZ.jpg

https://snipboard.io/WYiEav.jpg

https://snipboard.io/Ema6tB.jpg

Just looking to remove that widget block now – there doesn’t appear to be a ‘delete’

Hi @jennyrrr !

You should be able to delete that block by clicking the pencil icon referenced in this screenshot: https://d.pr/KLk1Zl

After that, you will have to click on the three dots and finally Remove block

Here is a guide I came across explaining that:

https://ultimateblocks.com/remove-block-wordpress/

Thank you!

Hi
Thank you, I couldn’t find the ‘remove block’ that way although I did it by drag & drop under widgets in appearance.

Hi there @jennyrrr!

That looks much better now:

Link to image: https://d.pr/i/LHIGPo

Glad to hear you got the homepage displaying the way you wanted!

I’ll go ahead and mark this post as resolved now. If you have any further questions or need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there.

Thank you!