• 文字サイズ


解決済

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

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

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 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
ロリポップ上でこのように変更はしているのですが(画像参照)、まだ変わらないままです。
システムエラー等でしょうか?
………(省略)………
  • 返信者:非公開
  • 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でもスマホでも確認ができました!
ご丁寧にありがとうございました。………(省略)………
このフォーラムへの質問は終了しました