如何在Storefront博客存档页面标题上使用挂钩和过滤器？

I'am trying a few days now to edit the blog page of Storefront. It shouldn't be that hard, but actually it is.

What I basically want to do is to show all the post in a grid layout. I got that working with css.

 body.blog article, body.archive article {
    width: 32.5%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-bottom: 10px;
    position: relative;
}

.hentry.type-post .entry-content {
    width: 100%;
    float: none;
    border: 5px solid yellowgreen;
}
.hentry .entry-header {
    /*border-bottom: none;*/
    border: 3px solid blue;
}

But I want to show the h2 heading of the post below the image and above the excerpt. I tried to use these 3 hooks to see if they have any effect on the post heading in archive page.

 remove_action('storefront_single_post', 'storefront_post_header');

 remove_action('storefront_page', 'storefront_page_header');

 remove_action('storefront_homepage', 'storefront_homepage_header', 10);

But unfortunately they have no effect at all. Even if I picked them out of a plugin to show/hide post titles (its called: storefront title toggle).

Then I searched in all files (I use Netbeans) of Storefront theme for the corresponding css class entry-header and entry-content, but I couldn't find help here, as there is no clear html structure where I can move the entry-header below the image.

Does anybody have an idea how to move this heading ?