WordPressのテーマ”Twenty Fourteen”のページコンテンツとアイキャッチ画像の重なり部分をmargin-topで調整してみました。
（style.cssXXXはオリジナルstyle.cssの行番号です。）
style.css3875
@media screen and (min-width: 1040px) {
.site-content .has-post-thumbnail .entry-header {
margin-top: 0px}
}
style.css3518
@media screen and (min-width: 846px) {
.site-content .has-post-thumbnail .entry-header {
margin-top: 0px}
}
style.css3168
@media screen and (min-width: 594px) {
.site-content .has-post-thumbnail .entry-header {
margin-top: 0px}
}
“margin-top: -48px” 48px重ねている
“margin-top: 0px” 重なりなし
横幅を広く表示した時のmargin-right:54pxをautoに変更
（style.cssXXXはオリジナルstyle.cssの行番号です。）
style.css3986
<code>@media screen and (min-width: 1218px) {
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content footer.entry-meta {
margin-right: auto;
}
}</code>