ブラウザ幅縮小などでは問題なく機能しているが、スマホ等の実機においてレスポンシブが効かない（viewportを設定したい） | 制作について | 質問用ページ | 初期無料のサブスク型ホームページ制作｜7万実績のWEB戦略とAIで成果を出す

こちらについては、viewportの設定によるものです。
レイアウトメニューから、最上位階層のレイアウトを開いていただき
上部メニュー「META設定」にviewportを設定します。

たとえば、以下の設定にしたいようであれば、

<meta name="viewport" content="with=320,initial-sbale=1">

META設定の欄で
「name」「viewport」「width=320,initial-scale=1」
で入れ込みしていただくことで、実機でも確認できるようになります。