Я использую контактную форму для Drupal с двумя блоками, слева для Карт Google, а справа - форма.CSS/Drupal - Контактная форма сворачивается сама по себе
Это прекрасно работает, когда отображается полный экран, однако при уменьшении окна браузера для реагирования поле формы справа сворачивается в блоке карт Google.
Полный экран отлично
Сворачивания на себя с шириной браузера уменьшенного
Я попытался с помощью max-width: 100%
, но это не оказывает какой-либо эффект.
Как изменить CSS так, чтобы код формы уходил в нижнюю часть блока Google Maps вместо того, чтобы складываться друг на друга?
CSS код
Google Maps
.page-contact .block-google-maps {
margin-right: 2%;
min-height: 500px;
float:left;
max-width: 100%;
padding-bottom: 20px;
Код формы
position: absolute;
right: 100px;
top: 110px;
width: 40%;
Причина, по которой контактная форма перекрывает карту, состоит в том, что вы «позиция: абсолютная» в форме. Поэтому он всегда будет отображаться справа от страницы. Вы должны использовать точки прерывания CSS для перемещения каждого блока на более мелкие экраны. – stevenw00