前提・実現したいこと
WordPressでサイトを作成しています。
Onepressというテーマを使用しています。
サイト構成は1ページサイトになり、その中で画像をスライダー形式で表示して、その横に文章という構成を考えています。
【Ultimate Responsive Image Slider】というプラグインを使用して、スライダーを作成しました。
そして、スライダーを左、文章を右に寄せる(横並び)にしたいのですが、
スライダーが中央に配置され、下にテキストとなりました。
CSSを使用して、float: left;とするとスライダーが左に寄せられたのですが、
スマホで見ると、画像が画面からはみ出すような形になりました。
レスポンシブで横並びに配置する方法を教えてください。
※プラグインの中で、画像のwidth設定は100%としています。
html
1<div class="slider01">[URIS id=119]</div> 2<div class="text01" dir="auto">テスト用テキスト</div>
css
1#stay .slider01{ 2 display: inline-flex; 3} 4#stay .text01{ 5}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。