Antes de eu mandar as correções. Esses códigos atualmente não estão funcionando no seu site, corrigi-los pode acabar alterando todo o seu site, ok?
1 curtida
Se você for querer manter do jeito que está. Basta apagar esses códigos com erros.
1 curtida
CSS
@media only screen and (max-width: 767px){
.conteudo-topo .menu.superior.visible-phone .menu-colse:after{
background: black;
}
.banner.cheio+.row-fluid{
margin-top: 10px;
}
}
@media only screen and (max-width: 767px){
.conteudo-topo .menu.superior.visible-phone .menu-colse:after{
content: 'X';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 72px;
line-height: 72px;
font-size: 20px;
font-weight: 600;
background: #3b3b3b;
color: #fff;
}
}
1 curtida
Os códigos que estão com ponto de exclamação, estão corretos ou ativos ?
Os com exclamação, é só um aviso, geralmente de sintax diferente, mas funcionam.
1 curtida
Entendii, apaguei esse codigos com o x.
A cor pelo computador mudou, agora pelo celular ainda não, você
sabe o porque ?
Para mobile:
CSS
@media only screen and (max-width: 767px){
.atalhos-mobile {
background: #eedeaf;
border: none;
z-index: 10;
position: relative;
border-bottom: solid 1px #eedeaf;
padding: 0 15px;
}
}
1 curtida
CSS
@media only screen and (max-width: 767px){
.fixed .atalhos-mobile {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #eedeaf;
-webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
z-index: 999;
border-radius: 0;
}
}
1 curtida