ヘッダーのメニューバーの固定方法について

saitoqqw > ヘッダーのメニューバーの固定方法について @ 2018/10/28 1:08
こちらのサイト(https://webdesignday.jp/inspiration/technique/css/4166/)のサンプル5のようにヘッダーを固定して表示したいと考えております。
kotei.cssとkotei.jsというファイルを作成し、defult.phpにこの二つのファイルを読み込む記述をしました。css内のクラス名はsite-headeからpage-headerに変更しています。
しかし、特にサイトの変化は見られませんでした。
どこの記述を編集すれば無事変更ができようされるのでしょうか?

■ BaserCMSのバージョン:baserCMS 4.1.3
■ テーマ(4系)ratio_3_2
■ レンタルサーバー名:ロリポップ
■ スマートURLの利用: [OFF]
■ 設置フォルダ: [ドキュメントルート]
■ PHPスキル(自己評価):  E
Nori > Re: ヘッダーのメニューバーの固定方法について @ 2018/10/29 11:03
saitoqqw


使ったことのないテーマなので、
正確なアドバイスではありませんが、


position: fixed;
z-index: 1000;


などで固定したい部分をロックしたうえで重ね順を上位に持ってくる方法が単純ではと思います。
これで解決できるならCSSだけで対応できますよ。

グローバルナビ 固定

こちらで検索したらより細かい対応も可能かと思いますので、
ご参考にしたらよろしいかと思います。

■ BaserCMSのバージョン:4.1.3
■ レンタルサーバー名:ロリポップ
■ スマートURLの利用:OFF
■ 設置フォルダ:サブフォルダ
■ 利用しているデータベース:MySQL
■ PHPスキル:D

ログイン
ユーザー名:
パスワード:


  新規登録 / パスワード紛失

検索

facebook
フォーラムで悩みが解決した場合など、よかったら「いいね!」をポチっとクリックしてください!質問の回答者や開発者の励みになります

フォーラムガイド


関連リンク

オンライン状況
24 人のユーザが現在オンラインです。 (24 人のユーザが フォーラム を参照しています。)

登録ユーザ: 0
ゲスト: 24