[ 解決済 ] ヘッダーとグローバルメニューの固定について

VWSとは フォーラム VK パターンライブラリ [ 解決済 ] ヘッダーとグローバルメニューの固定について

[ 解決済 ] ヘッダーとグローバルメニューの固定について

  • このトピックには4件の返信、2人の参加者があり、最後に1192japanにより8ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #78616

    ■ WordPress のバージョン
    WordPress 6.3 (X-T9 テーマ)

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    その他

    ■ プラグインの種類・バージョン
    X-T9バージョン: 1.17.1

    ■ 期待する動作
    現状ではスクロール時上部に「グローバルメニュー」が表示されます。
    全ページ共通で、ページ立ちあげたときから、固定常時「グローバルメニュー」を表示させたい。

    ■ 自分で試した事
    解決済み2021年7月28日 10:12 AMヘッダーとグローバルメニューの固定について
    解決済み2020年10月30日 1:30 PMヘッダーロゴエリアを固定表示
    解決済み2020年10月14日 3:51 PM Lightning ページタイトルを固定する方法
    上記を参考に
    テンプレートのヘッダーのブロックのカスタムCSSで試しました。
    そもそもテーマ、スキンがちがうので、そのまま貼り付けてもできない部分があり、自分でやってみたが、再現できませんでした。
    .page-header {z-index: 100;}

    ■ 症状が発生するブラウザ
    Chrome

    ■ 実際の症状
    https://vws.vektor-inc.co.jp/forums/forum/vk-pattern-library  
    現在のこのページのように、スクロール時したら、「グローバルメニュー」が表示されます。

    Attachments:
    You must be logged in to view attached files.
    #78630

    ページ表示時のヘッダーを常にそのまま固定にしたい という意味でしょうか?

    #78648

    はい、常にヘッダー部分(メニュー部分)を表示したいです。
    ご教示をお願いいたします。

    #78784

    1. 外観 > エディタ > スタイル > 3点アイコンから追加CSS あるいは
    ExUnit > CSSカスタマイズ から以下を追加

    /* 
    ページの高さがない場合にフッターを下部につけるために assets/style.scss で 100% を指定しているので上書き。
    今後テーマ側で 100%指定自体を削除する可能性があるのでそうなったらこの記述は不要 
    */
    html,body {
    height:auto !important;
    }

    2. 外観 > エディタ > パターンの下の方のテンプレートパーツ > ヘッダー で ヘッダーの編集画面に移動し、2段になっているヘッダーの下の段(スクロールしたら落ちてくる部分)を削除

    3. 外観 > エディタ > テンプレート からヘッダーのある全てのテンプレートで、ヘッダーテンプレートパーツをグループブロックでラップする > ラップしたグループブロックに貼り付け指定

    でできると思います。

    https://github.com/vektor-inc/x-t9/issues/201

    Attachments:
    You must be logged in to view attached files.
    #79151

    ありがとうございます。  再現できました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。