WordPressウィンドウレイアウト横幅固定

Question

WordPressでレスポンシブに対応したテーマを使用しているのですが、ウィンドウサイズを小さくしすぎた場合にサイトレイアウトが崩れてしまうので、横幅が任意のピクセル以上小さくならないように設定したいです。（ブラウザのサイズが任意のピクセル以上小さくなった場合には、レスポンシブに対応していない大きさの固定されたサイトと同じように、横スライドバーを表示させたいです）

使用しているテーマ「hueman」です。
子テーマを導入していますので、子テーマを使ったやり方を教えて頂けるとありがたいです。

Comments

[kei344]

「サイトレイアウトが崩れてしまう」とは具体的にどのような状況でしょうか。追加の説明やスクリーンショットなどで例示いただけませんか？

Answer 1

HuemanテーマのCSSは圧縮済みのようですので、直接編集するのは難しそうですね。
header.phpの

</header>

タグの直前に、最小幅の設定を上書きするCSSを記述することをお勧めします。
デフォルトでは最小幅が320pxに指定されているようですので、例えば480pxより小さくしたくないのであれば、

<style>
#wrapper {min-width: 480px;}
</style>

と記載します。

Answer 2

こんんちは

@media screen and (min-width:〇〇px) and (max-width:〇〇px){}

みたいに指定してるところがあれば
子テーマでそこの内容を一階そう層上の切り替えに使用しているcssを追記するとかですかね？

親テーマで上記のような部分を削除するのが手っ取り早いと思いますが。