Ajuste Layoutl da Loja + Ajuda Breno

Layout
1

@brenonovelli estou criando, te mandei o link na loja pelo youtube, da um bisu, criticas são bem vindas.

2

Vamos lá.

Só pra contextualizar. Estou trocando uma ideia sobre ajustes com O Mauro nesse vídeo e sugeri de seguirmos o papo aqui.

O que estiver com /* ALGO */ são comentários, por apagar se quiser. Não interferem no resultado.

O problema do menu é a altura do cabeçalho. Ela estava deixando o container do banner por cima do menu. O height: auto já resolve. Coloquei junto do código abaixo. Já para ter uma borda separando as informações principais do cabeçalho do menu de ponta a ponta, pode usar o código abaixo.

#cabecalho .conteiner{
    height: auto;
    max-width: 100vw;
    padding: 0;
}

/* Aqui entra a borda em cima do menu */

#cabecalho .conteiner > .menu.superior{
    border-top: 1px solid #ccc;
    background: transparent;
}

/* Aqui eu volto o conteúdo para o tamanho original */

#cabecalho .conteiner > .row-fluid,
#cabecalho .conteiner > .menu.superior ul{
    max-width: 1140px;
    margin: 0 auto;
}

image
image3584×2278 1.09 MB

1 curtida
3

Manooooo se é monstrão é o bixo memo! :grinning:

1 curtida