CG
(@du-bist-der-lenz)
モバイルフレンドリーを優先しているテーマだから、高さを想定している範囲で良い設計だから起こることでしょう。サイトの高さを限定する、あるいはスライダーとロゴとの境界にマージンを設けてはどうでしょう。
いけなくないと思いますよっ
具体的にページも見れませんし、コチラ
スマホビューなので具体的には答えられませんが、できるか出来ないか。と言われたらできます
スタイルの指定を変更するか、メディアクエリで指定すれば可能です
検索キーワード
vh css
メディアクエリ
どなたかこのあと、返信付けてくださる人もいるかも知れません
モデレーター
まーちゅう
(@rocketmartue)
画面の横幅が1024px以上の場合の話なので、
その状態でロゴとスライダーの文字が重なるほど縦幅を狭めて閲覧されることがあるのかどうか?
あまり気にする必要もない気がしますが、一応解決策としては、
追加CSSで、
@media only screen and (min-width: 1024px) {
.slide-inner {
margin-top: 60px;
}
}
を記入すれば、重なりはなくなります。
CG様、kautakku様、Toshiyuki Honda様、返信有難うございます。
Toshiyuki Honda様がご指摘のようにレアケースだとは思うのですが、
解像度の低いノート(1366×768)で見た時、あれっ?と感じたので、質問した次第です。
スライダーの文字の大きさや文章を短くすることで概ね解消できたので、トピックを閉じさせて頂きます。
皆様お忙しい中ご回答ありがとうございました。