Ao passar o mouse por cima a imagem fica sobrepondo o cabeçalho

Layout
1

Sem título
Sem título1505×852 179 KB

Alguém pode me ajudar com isso? Ao passar o mouse por cima a imagem fica sobrepondo o cabeçalho

aqui está o link caso alguém saiba como resolver por código CSS ou HTML.
https://dobytec-manutencao.lojaintegrada.com.br/none-61818922

2

Olá, bom dia!

Nativamente, não é possível realizar essa configuração. Mas, você poderá configurar via código de programação, mas, para isso, sugiro que contrate um programador ou uma empresa da área para te auxiliar nas configurações. Lembrando que, nós não prestamos suporte para questões relacionadas a temas ou código de programação, pois trata-se de uma configuração externa a nossa plataforma.

3

Tem uma bagunça rolando no teu código ali. Uma forma para resolver esse problema específico é usar isso no css.

.g_ header {
    z-index: 9999;
}
2 curtidas
4

Muito obrigado… Resolveu

1 curtida
5

Acho que eu consegui organizar a bagunça nos códigos que você havia mencionando. porém eu esbarei em outros dois probleminhas, que são relacionados a versão Mobile. O primeiro e que acredito que seja mais fácil de resolver, é o cabeçalho, ele não fica fixo como na versão de desktop. e o segundo é a disposição das miniaturas.

Anotação 2020-08-15 205402
Anotação 2020-08-15 205402829×862 298 KB

Queria deixar como na imagem da direita, mas sem afetar a visualização de desktop
https://dobytec-manutencao.lojaintegrada.com.br/none-61818922

6

Testa isso. Não é a melhor solução mas parece resolver.

@media (max-width: 767px){
    .g_ .produto-thumbs {
        width: 100%;
    }

    .elastislide-carousel ul li {
        min-width: 80px;
    }
}
1 curtida
7

Muito obrigado, você me ajudou muito.
eu até consegui mudar alguns parâmetros para ficar como eu queria.

1 curtida