Cor faixa de categorias

Layout
12

Leonardo, acredito que agora consegui.
É necessário utilizar o @media.
Olha só o que usei (as cores ainda estão para testes):

@media only screen and (max-width: 768px) {
/.menu.superior .nivel-um li {
border: none;
}/

.menu.superior .nivel-um {
    background:#F06A6A;
    /*height:40px;*/
}

.menu.superior .nivel-um .titulo {
    color: #ffffff;
}

.menu.superior .nivel-dois {
    color: #ffffff;
    background: #F06A6A;
    /*display:none;*/
}

}

@media only screen and (min-width: 768px) {
.menu.superior .nivel-um li {
border: none;
}

.menu.superior .nivel-um .titulo {
    color: #ffffff;
    /*font-size: 16px;
    white-space: normal;*/
}

/*Alterar fundo, cor da fonte e bordas do menu de categorias e remover colunas que as separam*/
.menu.superior .nivel-um {
background:#3b3b3c;
/*height:40px;*/
}

.menu.superior .nivel-um .titulo:hover {
color:#E59494;
}

.menu.superior .nivel-dois {
    color: #ffffff;
    background-color: #000000;
    /*display:none;*/
}

}

1 curtida