お世話になります。
いろいろ記事を探したのですが方法が見つからなかったのでこちらで質問させてください。
現在、とあるウェブサイトの制作をしている見習いコーダーです。

制作しているのはワードプレスの有料テンプレートで作ったウェブサイトのリニューアルと、スマホ対応という案件なのですが、このテンプレートはPC表示用の2カラムでスマホには対応していません。

このウェブサイトをスマホに対応させる場合、

1. 現在のソースをmedia queryでレスポンシブ化させる
2. .htacsessで振り分ける

くらいしか思いつかなかったので、.htacsessで振り分け、スマホ表示用のコーディングを新たにする選択をしました。
しかし、クライアントから

<?php if(is_mobile()){ ?>
<?php } else{ ?>
<?php }; ?>

これを使って表示を切り替えればCSSの書き換えは必要ない、作業量は少くて済むと言われました。

私はワードプレスの仕様にあまり詳しくないのですが、このコードで切り替えるにしても、結局スマホ用のCSSなりを作成する必要がありますよね？しかもソースが膨大に長くなりませんか？

この方法でPC表示用のCSSのまま、右にフロートしたサイドメニューがメインコンテンツの下に来て、bodyがW100％になるとは思えないのですが、もしかしてプログラムを書けと言われているのでしょうか？単なる私の勉強不足ですか？

私にはこのコードでウェブサイトをスマホに対応させるやり方がわかりません。
わかる方がいらっしゃいましたら教えていただけませんか。