У меня есть следующее CSS, которое меняет отображение моего нижнего колонтитула. Почему это так и как это остановить.
.container {
display: inline-block;
cursor: pointer;
}
.bar1, .bar2, .bar3 {
width: 35px;
height: 5px;
background-color: #333;
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform:
rotate(-45deg)
translate(-9px, 6px);
transform: rotate(-45deg)
translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
-webkit-transform:
rotate(45deg)
translate(-8px, -8px);
transform: rotate(45deg)
translate(-8px, -8px);
}
#mobile-nav {margin-left:
260px !important; margin-
bottom: 50px !important;}
Как только я добавлю это к своему css, ссылка в моем нижнем колонтитуле переместится влево.