Неправильное расположение карты
Снова проблема:
Карта (находится в самом низу), отображается некорректно. Слева есть отступ. Карта создана с помощью конструктора яндекс карты.
Код:
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A0a67e5cf1a66b13987cb70b461c791d21db760e8d0d772f108e214fd683f71b1&width=1550&height=339&lang=ru_RU&scroll=true"></script>
Нужно, чтобы карта заполняла все пространство, как справа, так и слева не должно быть белого пространства.
Как можно исправить?
Ответы (2 шт):
Автор решения: dmitriy_vlz
→ Ссылка
У вас блок с картой находится в блоке с классом .container.
Вынесите его отдельно, чтобы он не имел отступов.
А дальше либо в настройках карты укажите ширину - параметр width в вашем коде подключения, либо через CSS:
#ymaps1608882022364483168{
width: 100% !important;
}
Автор решения: KAGG Design
→ Ссылка
Добавьте в конец файла http://gelios-pnz.ru/wp-content/themes/twinkle/style.css следующий css-код:
#twinkle_maps_section > .container > ymaps {
box-sizing: border-box;
width: 100vw;
margin-left: calc(-50vw + 50%);
}