ホームページテンプレートを無料配布中
商用利用もWEB制作業者様利用も全て無料

テンプレートパーティー

biz37シリーズを小さな端末の横向きで見た場合にメニューが切れる可能性。

小さな端末を横向きにした場合にメニュー数によっては途中で切れてしまってそれより下のメニューが見れなくなる問題がありました。
※2016/06/20に配布中のテンプレート更新済み。

すでに利用中の方は以下を追加して下さい。

cssフォルダのstyle.cssを開き、スタイルを追加。

/*800px以下の端末で横向きに見た場合の設定
---------------------------------------------------------------------------*/
@media (orientation :landscape) and (max-width: 800px){

/*左側のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体への設定*/
nav#menubar {
position: absolute;
}

}

解説

端末を横向きにした際に幅が800px以下ならメニューを固定表示ではなく通常のルクロールに戻す設定です。
通常はrelativeを使いますが、他のパーツに影響するので今回はabsoluteにしました。
800pxの数字はお好みに合わせて調整してもらってOKです。
入力場所はスマホ用の設定の上あたりでいいと思います。

↑ PAGE TOP