RaraThemesのElegantFashionというテーマをテストしていて、バナー(スライダー)を「静止画・動画」にしたときのスマートフォン表示のずれが気になりました。
以下のCSSを追加CSSに追加することで、とりあえず回避しましたので、メモメモ。
テーマ制作者の意図ではないかもですが、現状も意図ではない気がするので。
@media screen and (max-width: 767px){
.site-banner.static-cta-banner .wp-custom-header img {
height: 600px;
width: 100%;
}
.site-banner.static-cta-banner{
width: 100%;
padding-top: 150%;
overflow: hidden;
}
.wp-custom-header{
position: absolute;
height: 100%
width: 100%;
top: 0;
left: 0;
}
.video-banner #wp-custom-header{
position: absolute;
}
.site-banner.static-cta-banner .banner-caption {
position:absolute!important;
}
}
コメントを残す