Como colocar linha horizontal para dividor conteúdo?

Boa noite!

Alguém sabe como colocar uma linha horizontal em toda a tela? Como a linha vermelha da loja na imagem abaixo . Só que queria a minha acima do menu superior e abaixo da logo e caixa de busca…

Abraços!

1 curtida

Olá @andreamorais
Tudo bem?

Aplique isso no seu css:

#cabecalho > .conteiner > .menu.superior .nivel-um > li {
border-top-width: 0px;
}

.menu.superior {
border-top: 2px solid #7d53a4;
} 

Vai ficar assim:

Se precisar de mais ajustes ou de ajuda com desenvolvedores, conte com a gente!

Abraços!

Sua foto ou logo
ExactMarketing | Dedicação total ao seu negócio!
051 98261-6621
contato@exactmarketing.com.br
https://exactmarketing.com.br/

Nossa, perfeito! Tentei tanto aqui sozinha ontem! rs

Será que eu consigo ‘descolar’ a linha do menu superior? Por que ele está como uma borda né? Existe uma outra forma para não ficar grudado no menu? No meu caso, como tem as linhas dividindo cada ítem do menu acho que se ficasse mais acima ficaria melhor!

Olá @andreamorais

Tem sim,
caso você não queira aplicar a borda no menu ou no bloco de cima, pode ser inserida uma linha a mais entre esses blocos.

Nos chame via whatsapp que poderemos alinhar todas as suas alterações.

Abraço,

Sua foto ou logo
ExactMarketing | Dedicação total ao seu negócio!
051 98261-6621
contato@exactmarketing.com.br
https://exactmarketing.com.br/