BusinessPressテーマの固定ヘッダーを完全に固定したい

  • keith2000

    (@keith2000)


    1年、 1ヶ月前

    BusinessPressテーマをWordpress6.3に入れて動作検証中です。

    ページ上部の固定ヘッダー（ロゴとメニューのあるエリア）が、ページをスクロールすると徐々に上部へ消えて行き、スクロールがある一定の長さになると再度ヘッダーが表示される仕様になっているようですが、これを常時、画面上部に固定表示したいのですが、どうすればいいのでしょうか？CSSとHTMLソースを見ても、どこを修正すればいいかわからず困っております。アドバイスいただけましたらとても助かります。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • shokun0803

    (@shokun0803)

    1年、 1ヶ月前

    keith2000さん、こんにちは。

    おそらくですが、id="masthead"をposition: fixed;させてwidth: 100%;などでサイズ調整すればいけそうな気がします。ただしh1タグがメニューの下にくるように調整されていないので固定したメニュー分下げると言った調整が必要かと思います。

    参考

    header#masthead {
    position: fixed;
    width: 100%;
}

    ご参考になれば。

    トピック投稿者 keith2000

    (@keith2000)

    1年、 1ヶ月前

    shokun0803さん、早速の回答ありがとうございました。

    提示いただいたコードをもとに私のサイトでテストしてみて、下記のようにコード追加して、さらにコンテンツ開始位置を固定メニュー分下げることで、無事、私の希望どおりにできました。本当にありがとうございました！厚く御礼申し上げます。

    header#masthead {
    position: fixed;
    width: 100%;
    top: 0;
}
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「BusinessPressテーマの固定ヘッダーを完全に固定したい」には新たに返信することはできません。