SWELLのカスタムCSSでメディアクエリを書いたら効かなかった件

WordPressテーマ随一のSWELL。先日、こちらの記事を作成する際に、お問い合わせフォームのボタン幅を768px以下のときに固定幅から100%に設定しようとして固定ページのCSS用コード欄にレスポンシブのメディアクエリを書いたら効かなかった…。

結局、SWELL開発者のブログで紹介されてたメディアクエリの書き方に従ったら無事反映されました！

参考：https://wemo.tech/839#index_id12

あのときの自分と同じように悩んでる人の一助になればとここに解決法を残します。

うまくいかなかったメディアクエリの書き方

@media screen and (max-width: 768px) {〜}

ちゃんと効いたメディアクエリの書き方

@media (max-width: 768px) {〜}