WPtouchのメニューボタンの表示が縦になってる。ので直してみる。

LINEで送る
Pocket

スマホの表示に対応するために入れたプラグインがこれ。

WPtouch

見た目は良くある感じ。

mob_head

でもなんかメニューが縦になってるなにこれ。どうしてこうなった。

ちょっと嫌なのでまずはレイアウトを直してみる。

まず一番簡単な方法。

CSSを修正する

/wp-content/plugins/wptouch/themes/default/style.css
#headerbar-titleのwidthを85%から70%へ変更。

次に#headerbar-menuの中にwidth: 30%;を追記。

これだけでこうなる↓

after

 

ちなみにプラグイン設定画面の、

プラグイン > インストール済みのプラグイン > WPtouchの編集の中をみてもstyle.cssは見つからない。※見落としてたらごめんなさい。

 

なのでFTPソフトでローカルに落として編集するのがいいと思います。

で編集が完了したらまたアップロードすればOKです。

 

さらに「メニュー」の文字を英語の「menu」にする場合、
/wp-content/plugins/wptouch/themes/default/header.php
の中の、<?php _e(‘Menu’, ‘wptouch’); ?>この部分を

Menuに書き換えるだけでOK。

画像を入れたいならここに画像のソースを入れちゃえば画像で表示されるはず。試してないけど。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">