Suporte » Temas » Não consigo deixar o menu transparente em dispositivos móveis.

  • Resolvido prbamaral

    (@prbamaral)


    Boa noite pessoal.

    Estou fazendo meu primeiro site no wordpress e já estou extremamente entusiasmado. Muito versátil.
    Entretanto, estou tendo dificuldades em deixar o menu transparente nos dispositivos móveis. Quando abro o site no computador está tudo ok. Por outro lado, quando abro em um celular ou tablet. o menu fica com uma cor cinza escuro de fundo e não consigo deixá-lo transparente.
    Estou usando o tema OceanWP e o editor Elementor. Alguém pode me ajudar!?
    Abraço pessoal!!!

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Bom dia @prbamaral ,

    Percebi que seu site possui uma regra de CSS para telas menores que 959px, que coloca o background #333 na header, a regra é essa:

    
    /* Header color in responsive */
    @media only screen and (max-width: 959px) {
        #site-header.transparent-header {
             background-color:#333;
        }
    }
    

    Aparentemente ela está no menu Aparência > Personalizar > Custom CSS/JS.

    Você pode remover (ou comentar) essas linhas que a header ficará transparente no mobile.

    Criador do tópico prbamaral

    (@prbamaral)

    Obrigado meu caro. Deu certo!
    É uma opção do tema de mostrar o menu móvel a partir de uma resolução “x”. Mas nas opções do tema vc não tem como desabilitar essa opção.
    Daí coloquei a regra como um comentário, como vc sugeriu, e… voilà… o menu ficou transparente. Obrigado meu caro. Tu és ninja!!! kkkk :p

    Que bom que deu certo @prbamaral =)

    Pode por gentileza marcar o tópico como resolvido?
    Abraços!

    Criador do tópico prbamaral

    (@prbamaral)

    Certeza! Resolvido meu caro!!! Obg mais uma vez!

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Não consigo deixar o menu transparente em dispositivos móveis.’ está fechado para novas respostas.