Tema Super Light Blue: Ícone de interrogação

Boa tarde!

Alguém sabe como faço para tirar esse Ícone de interrogação, do tema “Super Light Blue” que aparece na versão mobile?

Obrigado!

2 curtidas

Estou com o mesmo problema, e inclusive não há botão para logout nesse tema, a versão mobile ficou desorganizada

1 curtida

Essa solução do @Leonardo_Vicentini_F deve funcionar para o caso de vocês.
Ao que me parece é o mesmo tema.

2 curtidas

Boa noite! Para mim, é somente esse ícone de interrogação, que aparece na versão mobile. No desktop nem aparece esse ícone. Se souber como faz para não aparecer, me avisa!

Obrigado

@media screen and (max-width: 767px){
    ul.actions-menu > li.visible-phone > a {
        display:none!important;
    }
}

image

3 curtidas

Bom dia!

Você é o cara!! :raised_hands::pray:

Muito Obrigado!!

2 curtidas
@media screen and (max-width: 767px){
    #cabecalho:before {
        border-bottom: none;
    }
    #cabecalho .conteiner .logo img {
        max-height: 150px;
        margin: 3px auto 0px;
        padding: 0px;
    }
}    

2 curtidas

Boa noite! Eu não consegui entender como faz para resolver o problema, alguém pode me ajudar?

Olá Leo! Tudo bem?
Utilizei estes códigos que vc passou aqui, mas o ícone de identificação continua em cima da logo. Sabe o que pode ter dado errado?

qual o endereço do seu site para eu testar o código

1 curtida

Obrigado

CSS

@media only screen and (max-width: 767px) {
    #cabecalho ul.actions-menu > li.visible-phone,
    #cabecalho ul.actions-menu li.menu-login {
        position: fixed!important;
        top: 3px!important;
        z-index: 9999!important;
    }
    
    #cabecalho ul.actions-menu li.menu-login {
        left: 55px!important;
    }
    
    #cabecalho ul.actions-menu > li.visible-phone {
        left: 107px!important;
    }
    
    #cabecalho > .conteiner .main-header .busca {
        border-top: 0px;
    }

    #cabecalho .conteiner .logo {
        margin: 0;
        height: 100px
    }
    #cabecalho .conteiner .logo img {
        max-height: 150px;
        margin: 20px auto 0px;
        padding: 0px;
    }
     #cabecalho:before {
        border-bottom: none;
    }
    #cabecalho.fixed>.conteiner .main-header .conteudo-topo .actions-menu .menu-login > a > i {
        background: var(--principal);
    }
}

1 curtida

Já falaram isso aqui várias vezes! Mas tu é o cara!
Obrigado mesmo Leo!
Grande abraço!

1 curtida

CSS

@media screen and (max-width: 767px){
    #cabecalho .menu-handler:after {
        content: "Menu";
        font-size: 15px;
    }
    #cabecalho .menu-handler {
        flex-direction: column;
    }
}

image

2 curtidas

Oiii, tudo bem?
Pode me ajudar com o meu tema?

  1. usei o código acima e a “busca” ficou em cima do logo.
  2. pode me ajudar com 2 produtos por linha? Pois está muito extenso com apenas 1 produto

    :confused:

Muuuito obrigada!!

olá, tente usar assim:

 #cabecalho .conteiner .logo {
        margin: 30px;
        margin-bottom: 60px;
        height: 100px
    }

Resultado esperado:

2 curtidas

Oii, muito obrigada pelo retorno.
Pode me dizer se está correto assim? Pois nao mudou nada no site.
Este que marquei em azul é o que você me mandou e o de vermelho eu achei ontem aqui na pagina, para deixar 2 produtos por linha (que está funcionando normal).

está errado da forma como inseriu, apague tudo e insira dessa forma:

@media only screen and (max-width: 767px) {
    #cabecalho ul.actions-menu > li.visible-phone,
    #cabecalho ul.actions-menu li.menu-login {
        position: fixed!important;
        top: 3px!important;
        z-index: 9999!important;
    }
    
    #cabecalho ul.actions-menu li.menu-login {
        left: 55px!important;
    }
    
    #cabecalho ul.actions-menu > li.visible-phone {
        left: 107px!important;
    }
    
    #cabecalho > .conteiner .main-header .busca {
        border-top: 0px;
    }

    #cabecalho .conteiner .logo {
        margin: 0;
        margin-bottom: 60px;
        height: 100px
    }
    #cabecalho .conteiner .logo img {
        max-height: 150px;
        margin: 20px auto 0px;
        padding: 0px;
    }
     #cabecalho:before {
        border-bottom: none;
    }
    #cabecalho.fixed>.conteiner .main-header .conteudo-topo .actions-menu .menu-login > a > i {
        background: var(--principal);
    }
}
2 curtidas

Deu super certo com os ícones, muuuito obrigada!!!
Só que antes estava com 2 produtos por linha pelo mobile, mas agora está com 1 por linha. Tem como colocar isso também no meio? :flushed::flushed: