賢威を直販よりも安く購入する
申込みはこちら↓↓↓



スマホでサイトを閲覧すると、一番上の方に「▼メニュー」の表示が出ていて、これを押さないとサイトのメニューが見れないですよね。

来訪者が、いちいちこのボタンを押さないと、別のページへいけないと言う事は、来訪者に面倒をかけているのだと思いますし、ひょっとしてそんな機能を知らない人もいるかも知れませんね。

やたらたくさんの情報が詰まっている場合は、このままメニューボタンを押してメニューを出す事で良いとしても、表示しっぱなしが良いと思った事はありませんか?

そんな時に次の対応をしてみて下さい。
メニューを開きっぱなしにする事ができます。

メニューを開いたままにする

WordPressの管理画面から、
外観 > テーマの編集 > mobile.css
を開きます。

中間よりも上の方に、「グローバルナビ」と言う項目がありますから、探してください。

/*——————————————————–
グローバルナビ
——————————————————–*/

#global-nav{ border-bottom: 0; }

#global-nav dt{
padding-left: 2.5em!important;
background: url(./images/icon/icon-arrow05.png) 1em center no-repeat #333;
color: #fff;
}

#global-nav #global-nav-in .menu-wrap{ display:none; }

#global-nav #global-nav-in #menu{ margin-bottom: 0; }

この赤字部分のnoneblockに変更します。

/*——————————————————–
グローバルナビ
——————————————————–*/

#global-nav{ border-bottom: 0; }

#global-nav dt{
padding-left: 2.5em!important;
background: url(./images/icon/icon-arrow05.png) 1em center no-repeat #333;
color: #fff;
}

#global-nav #global-nav-in .menu-wrap{ display:block; }

#global-nav #global-nav-in #menu{ margin-bottom: 0; }

これで、スマホのグローバルメニューを開きっぱなしに出来ます。
実際に、スマホでどの様になったかご確認ください。