Чтобы клиентам было проще вас находить предлагаем использовать в мобильной версии сайта не только карту, а еще и возможность проложить маршрут к вашей организации с помощью Яндекс.Карт, Яндекс.Навигатора и Google.Maps.

Вот например как это выглядит страница в Desktop версии и в Mobile версии

Отображение блоков только в Mobile версии реализовано с помощью классов Bootstrap hidden-lg hidden-md

Разберем на примере как это сделать для вашего сайта.

Допустим адрес нашей компании: Санкт-Петербург, ул. Константина Заслонова, 18

Иконки можете взять либо в Яндекс/Google картинках либо попросить дизайнера отрисовать в вашей стилистике.

Координаты точки (широта и долгота) можно взять из URL в Яндекс.Картах или в Google.Maps нажав ПКМ – Что здесь?

Яндекс.Навигатор и Яндекс.Карты это разные приложения, соответственно и ссылки будут разные.

Ссылка для Яндекс.Карт:
<a href=’yandexmaps://build_route_on_map?lat_to=59.918423&lon_to=30.347444′>
Yandex навигатор
</a>

Ссылка для Яндекс.Навигатора:
<a href=’yandexnavi://build_route_on_map?lat_to=59.918423&lon_to=30.347444′>
Yandex навигатор
</a>

Ссылка для Google.Maps:

<a href=’google.navigation:q=59.918423, 30.347444&amp;mode=d’>
Google maps
</a>

Ссылки будут работать только с мобильной версии с мобильной версии с переходом в приложении.

See the Pen
Как проложить маршрут с сайта by Evgen (@berloga13)
on CodePen.

Если у вас возникли сложности – записывайтесь на индивидуальное занятие и мы вместе подробно разберем конкретно ваш сайт.