WEBサイト作成時に発生するエラーやトラブル対応の備忘録を中心に、いろいろと書いております。

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;
	}
}