打ち込んでる間に解決済になってましたが、折角打ち込んだのでコメントしておきます。
この質問やこの質問でtwentyseventeenを使っていると書いてますが(正式名はTwenty Seventeen)、このテーマはレスポンシブ対応なのでモバイル端末云々を考えなくてもデバイスの画面幅によって表示が変わります。
ただ、CSSが変になるようなカスタマイズをしているように見受けられたので、初めから備わってるレスポンシブウェブデザインがパーになってると思います。
方法としては
①テーマをレスポンシブウェブデザインになるよう作り直す。
②WPtouchみたいなプラグインのテーマを弄り倒してモバイル端末用にする
③新たにモバイル端末用にテーマを作ってMulti Device Switcherみたいなプラグインを使うか、独自にユーザーエージェントで判別してPC、モバイル端末を振り分ける。
①は結構大変かも?
②をするなら③の方がスマート。
③をすることも多くなく少なくもなく、でも現実的効率的に③だと思います。
③をするなら適当なテーマを入れて端末毎に振り分けられるように設定して実機でアクセスして確認しながら弄り倒してください。
レスポンシブウェブデザインだとPCのブラウザの画面幅を狭めて確認できますがね…
どうせ作るなら①をするのが最善ですがレスポンシブウェブデザインを壊してしまうくらいなので多分無理でしょう。
という内容でした。