Portfolio|Jin Yamasaki

上部に固定されたヘッダー

【UAE】Elementorで作ったヘッダーを上部に固定する方法

簡単に実装可能です。

あなたがヘッダーとして作ったウィジェットを選択し、「高度な設定」からCSSクラスを設定しましょう。何でもいいですが、今回は「header」と入力します。

そして、Zindexを10000000とかに設定しておきましょう。他のどの項目にも被ってはいけないからですね。

あとは、追加CSSに、下記のコードを入力するだけです。
.header{position:fixed; width:100%;}

とっても簡単ですよね。

なお、ヘッダーの高さ分、上部の空白を確保しておかないとヘッダーに要素が被ってしまうので気を付けましょう!アンカーリンクも同じで、ヘッダーの高さ分上で止まるように設定しましょうね。

上部へスクロール