【Orange ZELO】ナビバーをページ上部に固定しない方法

Orange ZELOでは、スクロールしてもページ上部に固定されるナビバーが設置されています。

上部のナビバーは押される確率が非常に高く、サイト内のページ巡回率が大きく上がることもあります。

しかし、スマホ時にはスクロール固定のアドセンスをつけたかったり、上部固定は邪魔だと感じる方もいるでしょう。

Orange ZELOでは、このナビバーを上部固定型ではなく普通の動きに戻すことができるので、その方法をご紹介します。

ナビバーの切り替え

テーマHTMLの任意のところにポインタを置いた状態で、windowsなら『ctrl + f』、macなら『command + f』でhtml内の検索ボックスを表示します。

『PageList』と入力し検索すると、二つ目の検索結果に以下のような部分が現れます。

/* ----- pagelist ----- */
    .PageList {
display: inline-block;
width :100%;
background-color : $(navi.main.color);
    position: fixed;
    z-index: 4;
    }

あとはこの部分を丸ごと選択して、以下のコードと置き換えましょう。

/* ----- pagelist ----- */
    .PageList {
display: inline-block;
width :100%;
background-color : $(navi.main.color);
    position: absolute;
    z-index: 4;
    }