AccessPress Rootバージョン: 1.28のスマホ用スライダーのサイズ変更

こんにちは

スタイルシートに以下のスタイルを追加ください。
※子テーマで何がしかのcssを追加して読み込ませることをお勧めします。

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#main-slider .bx-wrapper img{
		max-width: none;
	}
	#main-slider .bx-viewport {
		height: 400px !important;
	}
}

画面サイズが787px以下の場合は
　1) 画像の最大幅を無効
　2) スライダー表示域の高さを400px
にしています。
はみ出た部分を表示しなくするのはテーマのスタイルでそのようになっています。
高さはご希望の高さに合わせて調整してください。
ただ、表示域の高さを変更しているだけなので、そこを画像の高さを伸縮したいならもう一工夫必要そうです。

表示される画像の範囲は左上固定になるので、中央あたりにしたい場合などはpositionを追加するなどすれば調整できるかもしれません。

ブラウザの幅を狭めることでしか動作確認してませんので、実際のスマホでも正常に動くかはちょっと分かりません。

• この返信は7年、 4ヶ月前にmunyaguが編集しました。