WordPressのプラグイン「WPtouch」で”メニュー”の文字が縦長になるのを直す方法

64-1
 
WordPressの「WPtouch」プラグインは便利ですよね。
インストールするだけで、ブログがスマートフォン対応するので重宝してます。
 
 
便利なのですが、インストール後にiPhoneで見た時、
画面上部の「メニュー」の文字表示がおかしいことに気づきました。
 
なんか縦長になってますね。
 
 
このままではボタンが押しにくいですので、修正してみました。
 

最初は、言語ファイル(ja_JP.poとja_JP.mo)で、
「メニュー」から「Menu」とか短めに変えれば横表示になるかと思ったのですが、
poファイルをmoファイルに変換する必要があるみたいなので、やめときました。
 
若干手間ですね。
 
 
次の手としては、やはりスタイルシートの修正で。
 
 
文字を表示するエリアが小さいから縦表示になってますので、
横幅を明示的に指定してやります。
 
/[ブログ毎のパス]/wp-content/plugins/wptouch/themes/default/style.css
の227行目の次に
———————————————————-
#headerbar-menu {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 80px;
}
———————————————————-
と、width指定を入れます。
 
「メニュー」という文字の場合、80pxぐらいで大丈夫のようです。
うまくいかない場合は微調整してくださいね。
 
 
いい感じのボタンになりました。
 
64-2
 
メニューの文字が縦長になってしまう場合は、
一度お試しくださいね。
 
スポンサーリンク


Pocket

カテゴリー: WordPress タグ: , , , ,

■前後の記事です

コメントを残す

メールアドレスが公開されることはありません。

だーしゅ
IT関係のお仕事してます。
最近は、まったりした小物を集めてます。
[当ブログについて]

最近の記事

最近のコメント