スマホメニュー表示変更方法
-
現在文末に記載したテンプレートを活用しサイトを作成しております。
しかし、スマホから表示したときのグローバルメニュー部分がデフォルト部分が「Select a page」と表示されており分かりづらいので文字を変更するか
画像ボタンに変更したいと思ったのですが、どこを探しても該当文字がヒットせず困っております。Select a pageが格納されていそうな箇所、もしくは画像への変更方法をご教唆いただけましたら幸いです。宜しくお願いいたします。
以下にテンプレート情報&該当部分のCSSを記載しておきます。
◆ テンプレートサイト
http://themeforest.net/item/sterling-responsive-wordpress-theme/2320578◆ デモ画面
http://themes.truethemes.net/Sterling/◆mobile CSS
nav ul,
.banner-slider .next,
.banner-slider .prev{
display: none;
}nav ul.page-numbers {display:block !important;}
nav select{
display: block;
margin:0 auto;
width:95%;
background:url(arrow.png) left top no-repeat;
padding:3px;
margin-bottom:10px;
background:#ccc;
border:1px solid #DEDEDE;
text-align:center;
color:#000;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}nav select {
border: 1px solid #CFCFCF;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, -5px -5px 0 0 #F8F8F8, 5px 5px 0 0 #F8F8F8, 5px 0 0 0 #F8F8F8, 0 5px 0 0 #F8F8F8, 5px -5px 0 0 #F8F8F8, -5px 5px 0 0 #F8F8F8;
}
- トピック「スマホメニュー表示変更方法」には新たに返信することはできません。