Вы бы разобрались в чем причина. Ответ не правильный, хоть и работает:)
input{
display:inline-block;
}
нужно input'ам добавить
{
vertical-align:top;
}
и у текстового импута есть margin-top:14px; этот же отступ нужно добавить и кнопке
Какую же Вы дичь втираете)
По вашей логике:
- если контейнер 1000px и у него внутри два вложенных по 50%, то они по 500px каждый
- а если контейнер растянуть на 15px (1030px станет), то эти вложенные контейнеры не растянуться? останутся по 500px? Они по 50% !!!!!!!!!! Не фиксированная ширина, 50%!
и я смотрю, код у вас правильный)) велосипедить точно вы не будете, только кнопки вылезут из контейнера codepen.io/STutukov/pen/EKvMvg
Почитайте литературу, чтобы понять для чего нужен класс row)) понятно что он растягивает контейнер.
Линии debug находятся на 50%, следовательно они сдвинуты.
Пример: блок 100x100 и если рисовать линии в 1px с дебагом в 50%, то по горизонтали будет линия на 51px, по вертикали тоже на 51px. Линии надо ровно сначала провести)
Мб .icon{
Position:absolute;
Top:50%;
Margin-top:-3px;
Left:50%;
Margin-left:-5.5px;
}
Надо делать чтобы всегда работало))
Вижу что добавили
#loop-109 {
width: 100%;
}, но! Как я говорил, у этого блока пересчитывается иногда ширина, поэтому не всегда срабатывается width:100%;
#loop-109 {
width: 100%!important;
} - поможет
Посмотри внимательней на стили section#loop-109. У этого блока всегда пересчитывается высота, но не ширина!! Поэтому можешь подправить js файл.
2 способ: у section#loop-109, есть класс .mk-blog-newspaper-item {..; float: left;overflow: hidden;...}. Для этого блока как я понял он не обязателен, можешь просто этот класс удалить.
3 способ: к section#loop-109 добавить класс, с width:100%;
4 способ: найти css файл (www.insighter.com.ua/wp-content/uploads/mk_assets/... 3101 строка media handheld, only screen and (max-width: 650px)
.mk-blog-newspaper-item.three-column, .mk-blog-newspaper-item.four-column, .mk-blog-newspaper-item.two-column {
width: 100% !important;
}
добавить к этому .mk-blog-newspaper-item
input{
display:inline-block;
}
нужно input'ам добавить
{
vertical-align:top;
}
и у текстового импута есть margin-top:14px; этот же отступ нужно добавить и кнопке