Menu suspenso "Minha Sacola"

Layout
1

Pessoal, alguém poderia dar uma ajuda com esse menu suspenso da “minha sacola” em minha loja? Começou a aparecer para meus clientes. Já limpei chache, testei em mais de um navegador.

image
image215×410 7.87 KB

Como faço para desabilitar ou resolver isso?

Obrigado,
Ednilson

1 curtida
2

Amigo, acredito que seja algum problema do tema. Como não tenho muito tempo para verificar, recriei a animação do carrinho interno ao passar o mouse e adicionei também uma verificação para quando o mouse não tiver em cima, ela fechar (pq já está iniciando aberta).

Da uma conferida também na tag de style, deixei o tamanho do width como 400px porque foi um tamanho que julguei como OK. Caso ache grande ou pequeno demais, pode alterar como desejar.

<script>
$(document).ready(function() {
    $('#cabecalho .carrinho .carrinho-interno.borda-principal').hide();
    $('#cabecalho .actions > li:last-child').mouseenter(function() {
        $('#cabecalho .carrinho .carrinho-interno.borda-principal').fadeIn();
    });

    $('#cabecalho .actions > li:last-child').mouseleave(function() {
        $('#cabecalho .carrinho .carrinho-interno.borda-principal').fadeOut();
    });

    $('#cabecalho .carrinho .carrinho-interno.borda-principal').mouseenter(function() {
        $(this).stop(true, true);

    }).mouseleave(function() {
        $(this).fadeOut();
    });
});
</script>

<style>
    @media screen and (min-width: 768px) {
        #cabecalho .carrinho .carrinho-interno.borda-principal {
            width: 400px !important;
        }
        .carrinho-interno ul {
            overflow: hidden !important;
        }
    }
</style>

O código deve ser adicionado conforme o print.

image
image896×789 32.4 KB

1 curtida
3

Muitooo obrigado, funcionou perfeitamente.

Ednilson