[ 解決済 ] 分割: ヘッダーが表示されない

[緑渡邉]

ご返信いただきありがとうございます。
本件、サブタイトルの件につきましては解決いたしました。

ただ、「温泉」「お部屋」のページだけが、遷移してすぐに表示されるヘッダーが表示されません。
また、下にスクロールした際に上部に出るヘッダーがロゴが表示されていないため崩れております。
どのように解決すればよいでしょうか。
いただいたURLから「ヘッダー」で検索して類似する動画を見てみましたが、該当する案件がありませんでした。

本件は別案件になる場合、フォーラムに別で質問を立てた方がよろしいでしょうか。

[石川＠Vektor,Inc.]

Lightningのご利用ありがとうございます。株式会社ベクトルの石川と申します。

個別でカスタマイズされているCSSが影響を及ぼしているように見えます。

            /* メニューのフォントサイズ変更 */
            .global-nav-name {
                letter-spacing: 3px;
            }

            h1,h2,h3,a,p,strong,span {
                letter-spacing: 2px;
            }

            .site-footer {
                margin: 5%: max-width: 90%;
                padding: 0 3%;
            }

            .site-footer {
                padding: 5% 3% 0 3%;
            }

            .container {
                margin: 0;
                max-width: 100%;
            }

一旦削除してご確認くださいませ。

[緑渡邉]

ご返信ありがとうございます。
外観＞追加CSS　から入れられる追加CSSを削除しましたが、メニューが未だ変な状態です。

CSSを添付の通り確認してみましたが、私が他に記述したCSSが邪魔をしている感じでもなさそうです。。
いかがでしょうか・・？

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

ご自身で追加したコードが原因のようです。

コンテンツの中に以下のような HTML が複数個所に貼り付けられています。

<style>
  html,
  body,
  h1,
  h2,
  p,
  ul,
  li,
  div {
    flex: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    overflow-x: hidden;
  }

  .photo_light {
    padding: 0 2% 0 0;
    flex: 1;
    min-width: 0;
  }
.photo_explanation{
    padding:0;
width:90%;
}
　（以下略）

この部分を見直せば表示不具合が解決すると思います。

[緑渡邉]

本件、いただいた以下のコードを削除したら改善いたしました。
ご教示いただきまして、大変ありがとうございました。

html,
body,
h1,
h2,
p,
ul,
li,
div {
flex: none;
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
overflow-x: hidden;
}

[投稿者]

投稿