[松浦司]

キタジマ様

お世話になります。

下記の質問事項にお答えいただけますと幸いです。

【お使いの Snow Monkey のバージョン】　25.1.4
【お使いの Snow Monkey Blocks のバージョン】　20.3.0
【お使いの Snow Monkey Editor のバージョン】　9.3.0
【お使いの PHP のバージョン】　7.4
【お使いのブラウザ】　GoogleChrom
【当該サイトのURL】　https://www.demo-kaitori.local-web-creation.com/application/

### 発生している問題
フッターの要素について、レスポンシブ時に下記のように要素を入れ替えたい

Screenshot – a0d6ed96265020d4a02ab7c2bf1680aa – Gyazo

gyazo.com

### 実装案
フッターの要素に追加CSSを付与し、親要素に「flex-direction: column;」、子要素に「order: 1;」で順番を入れ替える
しかしこのやり方だとフッターの要素に追加cssを付与する方法が不明ですので、併せて回答いただけますと幸いです。

Screenshot – 775e504184aabfc8fe325c4ef7419f17 – Gyazo

gyazo.com

その他の実装方法もございましたらご教示いただけますと幸いです。

宜しくお願いいたします。

♥ 0

Who liked: No user

[キタジマ タカシ]

とりあえず現状だとその部分の .c-row は .l-footer__footer .c-row で絞り込める（= 他に対象になる .c-row が無い）ので、下記のような CSS で対処するのが簡単かなと思います。

@media not all and (min-width: 1024px) {
  .l-footer__footer .c-row {
    flex-direction: column-reverse;
  }
}

♥ 0

Who liked: No user

[松浦司]

キタジマ様

ご返信いただきありがとうございます。
無事に実装できました。

引き続き宜しくお願いいたします。

松浦

♥ 1

Who liked:

[投稿者]

投稿