672px以下のアーカイブページで、タイトルが表示され、不要な余白があった。
それで、タイトルも余白も削除するための修正をした。

カテゴリーテンプレート (category.php)の以下を削除
<header class=”archive-header”>
<h1 class=”archive-title”>
<?php
/* translators: %s: Category title. */
printf( __( ‘Category Archives: %s’, ‘twentyfourteen’ ), single_cat_title( ”, false ) );
?>
</h1>
<?php
// Show an optional term description.
$term_description = term_description();
if ( ! empty( $term_description ) ) :
printf( ‘<div class=”taxonomy-description”>%s</div>’, $term_description );
endif;
?>
</header><!– .archive-header –>

それでも余白が残るのでCSSに以下を追加した。
@media screen and (max-width: 672px) {
.archive .site-content .has-post-thumbnail .entry-header {
margin-top: -48px;
}
}

なにぶん素人なので正しい方法かわからないけれども、
今のところは思い描いた表示になっている。