ご質問ありがとうございます。
まず

>携帯対応ボタンをonにすると、携帯から見るとトップ画像が全く表示されません。

これはそういうものです。モバイルでのデザインをBASE共通のモバイルデザインにするかをON/OFFで切り替えられる設定です。OFFの場合は利用中のテンプレートのデザインになります。

OFFにされた状態で画像が切れるということですが、おそらくトップ画像のトリミングについての問題かと思います。
１つの画像をPC画面（横長）とモバイル画面（縦長）の両方でレスポンシブにトリミングするとうことは、写真の中央部を維持しながら画面の縦横比によって最大限大きく表示しようとします。

よくある質問の１つなので、こちらなどご参照ください。

https://basedesign.info/question/%e3%83%a1%e3%82%a4%e3%83%b3%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%b5%e3%82%a4%e3%82%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/

https://basedesign.info/question/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e7%94%bb%e5%83%8f%e3%81%8c%e4%b8%8a%e6%89%8b%e3%81%8f%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84/

よろしくお願いいたします。