Organizar barra de menu principal

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;
   }
   }

2 curtidas

Olá Paulo.

Desde já obrigado pela ajuda.
Veja como ficou.

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;
}

}

1 curtida

Obrigado Paulo! Deu muito certo.

1 curtida