スライダーとヘッダーメニューが重なる

0
いいねをした人: 居ません
  • このトピックには17件の返信、2人の参加者があり、最後にshoneにより1年、 8ヶ月前に更新されました。
15件の投稿を表示中 - 1 - 15件目 (全18件中)
  • 投稿者
    投稿
  • #118040
    shone
    参加者
    47

    【お使いの Snow Monkey のバージョン】 19.1.0
    【お使いの Snow Monkey Blocks のバージョン】18.0.1
    【お使いの Snow Monkey Editor のバージョン】 9.1.1
    【お使いのブラウザ】google chrome
    【当該サイトのURL】

     

    いつもお世話になっております。

    現環境にアップデートしたところ、ページ最上部に設置した『スライダー』ブロックとヘッダーメニューと重なりができてしまう状況です。

    ※画像添付します

     

     

    どうもスライダーが10pxほど上部にズレている?ようで、padding-topで暫定的に対応したのですが、以前制作した際には問題が無かったので、この度の大幅なアップデートによる不具合?でしょうか?

     

    お忙しいところ恐縮ではございますが、お手すきの際にご確認いただけますと幸いです。

    0
    いいねをした人: 居ません
    #118044
    アバター画像キタジマ タカシ
    参加者
    2403

    「Contact」に背景色をつけているのは独自の CSS ですかね? どのような CSS があたっていてどのように影響しているのを確認してみないと状況がわからないため、URL を共有してもらうことはできますか?

    0
    いいねをした人: 居ません
    #118047
    shone
    参加者
    47

    >キタジマさん

     

    早速の返信ありがとうございます。

    「Contact」部分は特にcssを書いておらず、WordPress内の「メニュー」設定で「このメニュー項目を強調する」にチェックを入れており、色はテーマでの設定色が適用されています。

    ヘッダー部分のcssでは、スクロール時に背景透過させたいため、

     

    .l-header {
    opacity: 0.8;
    }

     

    を追記しております。

    よろしくお願いいたします。

    1
    いいねをした人:
    #118053
    アバター画像キタジマ タカシ
    参加者
    2403

    詳しくありがとうございます! こちらで試してみたのですが、ヘッダーレイアウトを「ノーマル」「オーバーレイ」「上部固定」それぞれで試してみたものの、はみ出す状況が再現できませんでした。

    設定の組み合わせで発生する問題かもしれないので、直接見てみないと状況が確認できないかもしれません。URL を共有していただくことは可能でしょうか?

    0
    いいねをした人: 居ません
    #118183
    shone
    参加者
    47

    >キタジマさん

     

    返信ありがとうございます。

    URLなのですが、クライアント都合につき不特定多数に公開状態で共有できない場合どのようにすればよろしいでしょうか?

    何かクローズドで共有できる方法ありましたらご教示いただけますと幸いです。

    0
    いいねをした人: 居ません
    #118191
    アバター画像キタジマ タカシ
    参加者
    2403

    明確に不具合の場合は DM でいただく場合もありますが、不具合か確認できなかったり使い方や要望についての場合はプライベートトピックを立ててもらっています。ただ、プライベートトピックはプロプランかプライベートサポートチケットがないと立てることができません。

    ちょっとまだ Snow Monkey の不具合かどうかわからないので、例えば「お問い合わせ」の padding がどの CSS 経由で付与されているのかがわかるようにスクショをとってもらうことはできますか?

    参考:

    0
    いいねをした人: 居ません
    #118194
    shone
    参加者
    47

    >キタジマさん

     

    ご案内ありがとうございます。

    以下にcssの画像添付します、確認お願いいたします。

     

     

    ちなみに同じメニュー設定でもトップ以外の下層ページに設定しているヘッダー(「セクション」など)では特に被ることもなく正常に表示されていましたので、トップの「スライダー」のみpadding-topで調整しましたが、スライダーのほうのcssという可能性はありますでしょうか?

    0
    いいねをした人: 居ません
    #118202
    アバター画像キタジマ タカシ
    参加者
    2403

    スライダーのほうのcssという可能性はありますでしょうか?

    なるほど! メニューや強調表示の問題かも?と思っていたのですが、スクショをみた感じだと、確かにスライダーの可能性もあるかもですね…。が、こちらでは状況が再現できず…。

    ちょっと具体的な状況がわからないので、下記について教えてください。

    – カスタマイザー → デザイン → ヘッダー → ヘッダーレイアウトの設定
    – カスタマイザー → デザイン → ヘッダー → モバイル用ヘッダー位置
    – カスタマイザー → デザイン → ヘッダー → PC 用ヘッダー位置
    – スライダーブロックの設定
       - フェードかどうか
       - その他怪しそうな設定があれば

    教えていただいた設定でこちらで試してみて、それでもダメならクローズドなところで URL を共有いただいて調査しようと思います。ひとまず上記について教えてください!

    0
    いいねをした人: 居ません
    #118218
    shone
    参加者
    47

    >キタジマさん

     

    ご返信いただきありがとうございます。

    設定項目の一覧画像で添付させていただきますのでご確認お願いいたします。

     

    1
    いいねをした人:
    #118227
    アバター画像キタジマ タカシ
    参加者
    2403
    #118794
    アバター画像キタジマ タカシ
    参加者
    2403

    ご連絡遅くなって申し訳ありません。

    カスタマイザー → ホームページ設定 → ホームページのコンテンツエリアに上下余白を追加する、にチェックが入っていると思うのでチェックを外してみてください!

    ホームページ(トップページ)にある .p-section-front-page-content に padding が入っていると思うので、上記の設定で padding が消えて完全にヘッダーとコンテンツが重なるようになります。

    0
    いいねをした人: 居ません
    #118799
    shone
    参加者
    47

    >キタジマさん

     

    お世話になっております。

    返信いただきありがとうございます。

     

    カスタマイザー → ホームページ設定 → ホームページのコンテンツエリアに上下余白を追加する、にチェックが入っていると思うのでチェックを外してみてください!

     

    こちらの設定を試したところpaddingのズレは解消されたのですが、ヘッダーの設定で「上部固定」や「ノーマル」を選んでもメニューと最上段のスライダーが重なってしまいオーバーレイ表示になってしまいます。

    カスタマイザーでの設定時点では「上部固定」「ノーマル」それぞれ機能しているように見えるのですが、実際に設定を保存時「公開」ボタンを押すと、どの設定でもオーバーレイ状態になってしまいます。

     

    こちら修正方法ございますでしょうか?

    お手数おかけしますが、お手すきの際にご確認いただけますと幸いです。

    0
    いいねをした人: 居ません
    #118802
    アバター画像キタジマ タカシ
    参加者
    2403

    確かにソースコード上でもトップページはオーバーレイになっているようです。

    カスタマイザー → デザイン → ヘッダーの設定は今「ノーマル」「ノーマル」なっているようにみえますので、トップページだけ設定が変わっているのかも知れません。

    カスタマイザー → ホームページ設定 → モバイル用ヘッダー位置を上書きする
    カスタマイザー → ホームページ設定 → PC 用ヘッダー位置を上書きする

    はどうでしょうか? また、ここがオーバーレイでない場合、My Snow Monkey などにヘッダーの配置をカスタマイズするためのコードを追加されていませんか?

    0
    いいねをした人: 居ません
    #118816
    shone
    参加者
    47

    >キタジマさん

     

    早速のご連絡ありがとうございます。

    「ホームページ設定」はどちらも「上書きしない」になっていたのですが、「ノーマル」等に合わせたところ希望の表示になりました。

    元々は「ヘッダー」の項目で設定した表示が優先されて「上書きしない」だとそのまま表示されていた気がするのですが…最近の仕様変更などに伴い優先度が変わったのでしょうか?

    0
    いいねをした人: 居ません
    #118830
    アバター画像キタジマ タカシ
    参加者
    2403

    元々は「ヘッダー」の項目で設定した表示が優先されて「上書きしない」だとそのまま表示されていた気がするのですが…最近の仕様変更などに伴い優先度が変わったのでしょうか?

    「上書きしない」だと「ヘッダー」で設定したものがそのまま適用されます。

    すみません、ちょっと混乱してきたのですが、

    - ヘッダー
      - スマホ用
      - PC 用
    - ホームページ設定
      - スマホ用
      - PC 用

    それぞれどのような設定にしていて、どのような設定に変更されたのでしょうか…?

    0
    いいねをした人: 居ません
15件の投稿を表示中 - 1 - 15件目 (全18件中)
  • トピック「スライダーとヘッダーメニューが重なる」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。