MAMPで動かしているサイトをスマホで実機確認も出来るようにする

前提

MAMPで動かしているサイトをスマホで実機確認も出来るようにしたいです。
（例）
WordPressをMAMPにバーチャルホストを設定して動かしております。
MAMP　6.7
Mac
iPhone

実現したいこと

サイトをスマホでも確認したいです。

発生している問題・エラーメッセージ

スマホでmacのipアドレスを入力すると表示されるが
httpd-vhosts.conf内で設定しているServerNameのアドレスにスマホからアクセスすると下記が表示される

このサイトにアクセスできません [バーチャルホストのServerName] のサーバーの IP アドレスが見つかりませんでした。 次をお試しください 接続を確認する ERR_NAME_NOT_RESOLVED

以上

該当のソースコード

#httpd-vhosts.conf内 </VirtualHost> <VirtualHost *:[ポート番号]> DocumentRoot "/Applications/MAMP/htdocs/[フォルダー名]" ServerName [URL（アドレス）] SSLEngine on SSLCertificateFile "crtへのファイルルート" SSLCertificateKeyFile "keyへのファイルルート" </VirtualHost>

試したこと

ここに問題に対して試したこと
のURLの確認から

その他

パソコンでは通常通りサイトにアクセスできていおります。