Почему при открытии мобильного меню контент спускается вниз, а синяя полоска остается под ним??

Question

[Ilya_Gr]

Причем она находится также в контенте

Answer 1

[xmoonlight]

у полоски указано или top/fixed, или на другом слое она, или отрицательный margin

Comments

[Ilya_Gr]

вот код полоски

.123 {
border-radius: 20px;
position: relative;
box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05);
}

.123_1 {
padding: 5px 5px;
}

.123 input {
width: 100%;
border-radius: 10px;
border-color: #e2e2e2;
padding: 0 30px 0 10px;
border-style: solid;
background: #eee
}

.123 input:focus {
outline: 0;
}

.123 button {
background: 0;
position: absolute;
border: 0;
font-size: 18px;
top: 10px;
right: 20px;
}

.123 button:focus {
outline: 0;
}

.123 button:hover {
color: #878787;
transition: all 0.3s ease;
}

[Ilya_Gr]

+отступы в мобильной версии

.123 {
margin: 25px 0 25px 0;
}

[xmoonlight]

Ilya_Gr: зачем вот это: position: relative; ?

[Ilya_Gr]

xmoonlight: кнопку расположить в нужное место надо было

[xmoonlight]

Ilya_Gr: киньте рабочий пример на jsfiddle весь код - станет проще.

[Ilya_Gr]

xmoonlight: я еще что заметил, убрал полоску, нажимаю на меню оно начинает опускаться и только на половине движения отодвигать контент а не сразу как до него доходит, то есть походу дело не в полоске то?( почему меню не сразу начинает отодвигать то его а после половины своего движения?

[xmoonlight]

Ilya_Gr: киньте рабочий пример на jsfiddle весь код - станет проще.