メニューの固定せるHTML

スクロールダウンをしていくと、メニューボタンが固定されずスクロールダウンするのと一緒にメニューが見えなくなってしまいます。メニューを固定させるHTMLコードを下記でご案内します。


1、下記のHTMLコードをコピーしてください。

  1. <style>
  2. .header-01.design-10#layout-section, .header-01.design-11#layout-section, .header-01.design-33#layout-section {
  3.     position: fixed;
  4.     background: #a57c1a;
  5.     top: 0;
  6. }
  7. </style>

2、上記のコードの中で、背景の色を設定ができる部分があります。この部分はお好きな色に変える事ができます。こちらのページを確認してください。  

3、色の設定などが終わったら、プロジェクトの編集ページの

ページ > ホーム > ヘッダーHTMLコード に入力して公開ボタンを押してください。

無料でホームページを作成しよう! このサイトはWebnodeで作成されました。 あなたも無料で自分で作成してみませんか? さあ、はじめよう