• 文字サイズ
解決済

画像レイアウトの変更について

  • 相談者:非公開
  • 2018/06/19 11:03
https://marianaocean.com
の「OUR PRODUCT」の部分を、スマホで見える時に2カラム表示になるようにしたいのですが、どうすれば宜しいでしょうか?
投稿内容について報告する



  • 返信者:非公開
  • 2018/06/19 11:52
ECマスターズの田辺です。

common.cssの4637行目で
スマホでは横並びにならないように
設定されておりますので
そちらを以下のように解除………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/19 12:04
ご回答ありがとうございます。

#main .activity li {
margin-left: 2%;
width: 45%;
}
に変更しまし………(省略)………
  • 返信者:非公開
  • 2018/06/19 12:14
ECマスターズの田辺です。

ページを確認させていただいたところ、
記述の変更が反映されておりませんでした。

再度変更箇所をご確認いただき編集画面で………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/19 12:41
ロリポップ上でこのように変更はしているのですが(画像参照)、まだ変わらないままです。
システムエラー等でしょうか?###IMG00497ece………(省略)………
  • 返信者:非公開
  • 2018/06/19 13:09
ECマスターズの田辺です。

こちら側では更新が確認できるようになりました。
キャッシュを読み込んでいる可能性がございますので、

・スーパーリロード………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/19 13:20
URLを参考にして再度強制更新してみましたが、スマホで2カラムにならないようです。
CSSを間違えていじったのか、pc版も縦並びになってしまい、元に戻す方法が………(省略)………
  • 返信者:非公開
  • 2018/06/19 13:38
ECマスターズの田辺です。

2423行目の #main .activity li に対して
float が外れてしまっていることで、
2カラムになって………(省略)………
  • 返信者:非公開(質問者)
  • 2018/06/19 15:46
PCでもスマホでも確認ができました!
ご丁寧にありがとうございました。………(省略)………