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



賢威6.2を使用していて、グローバルメニューの文字数が多すぎるために、パディングを小さくし過ぎると、スマホメニューの最初の文字が▶マークと重なる現象が起きます。

外観>テーマの編集>design.css のグローバルメニューの中にある下の内容で問題が発生しました。

/*メニューのデザイン*/
#global-nav #menu li a{
display: block;
padding: 0.8em 0.6em;
color: #333; /* メニューのフォントの色*/
text-decoration: none;
}

もともと、padding: 0.8em 2.0em; となっていたものをpadding: 0.8em 0.6em; へ変更したのが原因です。
PC画面では問題なのですが、スマホでは問題が出るのです。
padding: 0.8em 2.0em; へ戻したら、問題解決しました。

でも、PC画面でのグローバルメニューの横幅が大きくなってしまい、2段表示になってしまいます。
ギリギリどの値まで、見た目の問題が出ないか調査してみましたら、padding: 0.8em 1.8em; までである事が分かりました。

残念ながら、パディングを小さくすることで、グローバルメニューに文字をたくさん入れる効果は、あまり期待できません。