Delete Breadcrumbs

Try this;

add_action( 'init', 'jk_remove_breadcrumbs' );
function jk_remove_breadcrumbs() {
remove_action( 'storefront_content_top', 'woocommerce_breadcrumb', 10 );
}

I recommend using our Theme Customisations plugin to make this change.

That didn’t work for me.
I tried this instead:

.woocommerce-breadcrumb {
display: none;
}

That does work, but now there is no space between header and content. (see image)
https://postimg.org/image/aguw9pmn9/

Now how can I fix that?

Edit: Your solution did work, but I have the same problem with the space between header and content.
In the home page there is space between header and space. There is no space in other pages.
https://postimg.org/image/3rs7wklc1/

Edit 2: I fixed the problem with the spaces between header and content with this

.site-header {
  margin-bottom: 4.236em; }

Thanks for everything, I’m going to close this thread.