Olá, tudo bem?
Alguém poderia me ajudar a alinhar esse menu mobile? Tentei uns meios sem sucesso.
boa tarde,
tenta assim e vamos ver como vai ficar…
@media screen and (max-width: 767px) {
#menuinsta a {
height: auto;
}
#menuinsta > div > div > div > li.slick-slide:nth-child(3) > a:before {
height: 0;
}
#menuinsta > div > div > div > li.slick-slide:nth-child(2) > a:before {
height: 0;
}
#menuinsta > div > div > div > li.slick-slide.slick-slide:nth-child(1) > a:before {
height: 0;
}
#menuinsta .slick-slider {
height: auto;
}
#menuinsta > div > div > div {
width: 100%;
display: flex;
justify-content: space-around;
}
#menuinsta .slick-initialized .slick-slide {
margin: 10px 0 10px 0;
height: auto;
}
#menuinsta strong.titulo.cor-secundaria {
margin-top: 0;
}
div#menuinsta {
margin-top: 10px;
}
}
bom dia,
esquece o outro código e add esse…
@media screen and (max-width: 767px) {
div#menuinsta {
margin-top: 10px;
}
#menuinsta strong.titulo.cor-secundaria {
margin-top: -43px;
height: auto;
}
#menuinsta .slick-initialized .slick-slide {
margin-top: 0;
}
#menuinsta .slick-slider {
height: auto;
}
#menuinsta a {
height: 70px;
}
}
ou esse aquii…
@media screen and (max-width: 767px) {
div#menuinsta {
margin-top: 10px;
}
#menuinsta strong.titulo.cor-secundaria {
margin-top: -35px;
width: 130px;
height: auto;
}
#menuinsta .slick-initialized .slick-slide {
margin-top: 0;
}
#menuinsta .slick-slider {
height: auto;
}
#menuinsta a {
height: 70px;
}
#menuinsta .slick-slide:first-child {
margin-left: 50px;
}
#menuinsta li {
width: auto;
}
}
Obrigado Paulo! Deu muito certo.