グローバルメニューをデバイスに応じて設定したい【WordPressテンプレート作成中】

Question

現在WordPressのテンプレートを作成中です。

Bootstrapをつかってグローバルメニューを下記のように作成したいのですが、
レイアウトがずれて、うまく表示できません。

●PCでの閲覧

![

●タブレット以下の閲覧時（ブレイクポイントは768pxで設定）

としたいのですが、どのように記述すればうまく表示されるでしょうか？

ちなみに、【電話アイコン】【PCのアイコン】をそれぞれクリックすると、
電話番号発信、Web予約に繋がります。

もし、ご存知な方がいらっしゃればありがたいです。

よろしくお願いいたします。

Comments

[退会済みユーザー]

現在、レイアウトをどのように記述しているのかが質問文からわかりませんし、うまく表示できないというのがどんな状況かわからないので、はっきりとしたことはいえません。ですが、CSS Media Queriesを使い、画面サイズによって、オブジェクトの表示・非表示を切り替えるのではだめなのでしょうか。http://www.aiship.jp/knowhow/archives/6740