Como escrever um código CSS correto no Navi+

CSS é a chave para cada problema quando você precisa personalizar profundamente para o Navi+. Quase todas as coisas da interface no Navi+ podem ser resolvidas com código CSS. No Navi+, há 2 níveis de CSS:

Nível 1: Folha de Estilo Interna / CSS (#SF-123456789)

Este é o nível recomendado para usar na maioria dos casos. Quando você escreve código nesta caixa, o sistema adiciona automaticamente um prefixo que é #SF-123456789 (que é o seu ID de menu) ao início das tags CSS. Isso garantirá que não haja conflito com todos os outros componentes da interface.

Veja o exemplo antes e depois de compilar o CSS nesta caixa abaixo

// Seu código CSS
{
   margin-bottom: 64px;
}

@media only screen and (max-width: 600px) {
   {
      margin-bottom: 164px;
   }
}

// O código CSS após ser compilado

#SF-123456789 {
   margin-bottom: 64px;
}

@media only screen and (max-width: 600px) {
   #SF-123456789 {
      margin-bottom: 164px;
   }
}

Nível 2: Folha de Estilo Global / CSS

A menos que você tenha experiência com CSS, evite abusar desta caixa porque tudo será empurrado diretamente na forma como você escreve o código CSS sem nenhuma camada de proteção contra conflitos.