WPでレスポンシブ対応を可能にしたい

Question

前提・実現したいこと

WordPressを使っている初心者です
レスポンシブ対応を可能にしたい

発生している問題・エラーメッセージ

1部のページ（投稿ページ）がモバイル対応できていない
横の余白や縦の幅が異常（PCバージョンのまま）
しかし、トップページはなぜかレスポンシブができている

該当のページ

投稿ページ
https://andd.live/2957/canva/
自身のケータイで入ってみて状況を確認してみてもらえればと思います
ついでにトップページも見てもらえればレシポンシブになってルのがわかると思います

試したこと

<meta name="viewport" content="width=device-width, initial-scale=1"> を入れての対応はした しかし効果なし、下記のコードがどういう対応できているかわからない なぜならトップページはこれでレスポンシブができているから 他のありえそうな原因があれば教えて頂きたいです。 @media (max-width: 769px){ .post_content section > img { margin: 1em -15px 0 -15px; max-width: calc(100% + 30px)!important; }

.post-element .product-link-button.upside {
display: none;
}
.post-element .product-link-button {
border-right: 0;
border-bottom: 0;
border-left: 0;
}
.post-element .product-link-button.downside {
display: block;
box-shadow: none;
}
}
@media (min-width: 770px){
.post_content section > img {
margin: 1em auto;
width: 100%;
}
.post-element.post-element-external-product .post-element-product-image-outer, .post-element.post-element-internal-product .post-element-product-image-outer {
padding: 10px 0 10px 10px;
float: left;
}
.post-element.post-element-external-product .post-element-product-text, .post-element.post-element-internal-product .post-element-product-text {
float: right;
width: 333px;
padding: 15px 10px 10px 15px;
}
}

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

responsive.cssで指定しているcssが
style.cssのcssで上書きされてるようです
cssの読み込みの順番やセレクタの詳細度など調整してください