Ajustar nome do produto MOBILE

Layout
1

Sem Título-2
Sem Título-2390×775 157 KB

Isso é na página do próprio produto.
Gostaria que o nome e o código do produto ficasse em baixo da foto.

2 
$(".nome-produto").insertBefore('.principal .atributos');
$(".codigo-produto").insertBefore('.principal .atributos');
if( $(window).width() <= 767){
    $(".secao-principal").css("margin-top", "25%");
}

image
image390×767 64.7 KB

3

Isso é HTML? Se for, deu erro na linha 10

4

Bom dia, a alteração é Javascript (JS)

5

Sem Título-1
Sem Título-11118×350 20.5 KB

Ela iria aqui?

6

Coloca dentro do .ready. Vai ficar assim:

<script type="text/javascript" charset="utf-8">
    $(document).ready(fucntion(){
        $("a.bem-vindo.cor-secundaria").html("Faça seu login ou crie sua conta aqui.");

        $(".nome-produto").insertBefore('.principal .atributos');
        $(".codigo-produto").insertBefore('.principal .atributos');
        if( $(window).width() <= 767){
            $(".secao-principal").css("margin-top", "25%");
        }
    });
</script>
7

Funcionou! Muito obrigada mesmo, Gabriel!

1 curtida