ワードプレスで作成したHPの修正について

Question

お世話になっております。
下記、ワードプレスで作成しているHPになります。
https://aivivid.co.jp/web/
PCトップページ上部のスライドバナーが、下にスクロールした後に上に戻ると、上が見切れてしまいます。
修正方法をご教示いただけますと幸いです。

Answer

ECマスターズの北原です。

>PCトップページ上部のスライドバナーが、下にスクロールした後に上に戻ると、上が見切れてしまいます。
>修正方法をご教示いただけますと幸いです。

ページを確認させていただきましたが、
スライドバナーが見切れる現象を
確認できませんでした。

https://ec-masters.gyazo.com/9a764a9c603f2b72fef6aac2f656d7f6

恐れ入りますが、見切れる際の
キャプチャーなどありましたら
ご共有いただけますでしょうか。

Answer

ECマスターズ 北原様
ご確認いただきありがとうございます。
PCはWindows、ブラウザはchromeとMicrosoft Edgeで確認しましたが、添付のような表示になります。
お手数ですがご確認よろしくお願いいたします。###HR######IMG02975ca57b19292ed7e442d339454ef07.pngIMG0###

Answer

ECマスターズの北原です。

>PCはWindows、ブラウザはchromeとMicrosoft Edgeで確認しましたが、添付のような表示になります。
>お手数ですがご確認よろしくお願いいたします。

ご共有いただきありがとうございます。
windowsで動作確認をしたところ、
見切れてしまう現象を確認できました。

下記のCSSを適用することで解決できますので、
一度お試しいただけますでしょうか。

 
        #top__fullcarousel {
            margin-top: 115px !important;
        }

        @media screen and (max-width: 991px) {
            #top__fullcarousel {
                margin-top: 88px !important;
            }
        }

Answer

ECマスターズ 北原様

ご確認いただきありがとうございます。
CSSはどのファイルに追加すればよろしいでしょうか？

Answer

ECマスターズの伊藤です。

> CSSはどのファイルに追加すればよろしいでしょうか？

トップページで読み込まれているCSSであれば
どちらに追加頂いても構いませんが、

一般的に、wordpressのCSS編集には
style.css
を利用されると思いますので、
ご不明な場合は、こちらに追加をお願い致します。

Answer

ECマスターズ 伊藤様

ワードプレスにログインし、追加CSSで入力を試したところ、添付のエラーが出てしまいました。
追加する箇所が違うのでしょうか？###HR######IMG04c4cd4d3550d7df716a57c489a6c914a.pngIMG0###

Answer

ECマスターズの伊藤です。

> ワードプレスにログインし、追加CSSで入力を試したところ、添付のエラーが出てしまいました。

文頭の

と

文末の


を削除いただき、ご登録をお試しいただけますでしょうか。

よろしくお願いします。

Answer

ECマスターズ 伊藤様

削除して試したところ保存は出来ましたが、問題は解消されないようです。

Answer

ECマスターズの伊藤です。

> 削除して試したところ保存は出来ましたが、問題は解消されないようです。

ご対応ありがとうございます。

ご登録頂いたタグですが、
下記に変更していただくといかがでしょうか。

お手数おかけいたしますが、
ご確認お願い致します。

#top__fullcarousel {
margin-top: 155px !important;
}

@media screen and (max-width: 991px) {
#top__fullcarousel {
margin-top: 50px !important;
}
}

Answer

ECマスターズ 伊藤様

新たにご教示いただきました内容で試したところ、解消されました。
大変助かりました！ありがとうございます！！