レスポンシブデザインの方法を教えて欲しいです

１　PC閲覧時普通のグローバルメニュー ２　スマホ閲覧時にはボタンとしてメニューが表示される方法 1　⇒　２へと変化する方法をご存知の方に教えていただけるとうれしいです。 比較的安価で簡易に出来る方法ですとありがたいです。 少し分かりにくい説明かもしれませんので追記しますと PC　⇒　6個のグローバルメニュー（普通の横一列） スマホ　⇒　6個のボタンが表示される（2段3列のバラバラの離れた四角ボタンとして表示） されるイメージです。 ちょうどスマートフォンのメニュー画面に近いバラバラにタップできるボタン表示の形です。