Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Links de navegação da página "PRODUTOS" não funcionam no mobile

Ao realizar um teste na inspeção do código usando a simulação MOBILE, os links de navegação da página de produtos não fazem a ligação.

3 respostas

Olá Carlos, tudo bem?

Em um tópico aqui do fórum o aluno estava com a dificuldade nos links e responsividade da página produtos,

Por exemplo, a tela não acompanhava e não respondia aos links não adaptava o tamanho das suas páginas (alteração do layout) ao tamanho das telas que estão sendo exibidos, como as telas de celulares

Nas últimas aulas o professor deixa um desafio para que os alunos façam essa adaptação, vou deixar um tópico aqui do fórum em que um dos alunos comenta sobre isso

Foi resolvido colocando no html do arquivo produtos.html estava sem essa tag viewport

<meta name="viewport" content="width=device-width">

Colocando esta tag no seu head, assim :

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>Produtos - Barbearia Alura</title>

        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>

Deixo o link do tópico

Espero ter ajudado,

Até mais

Bom dia Camila, Obrigado pelo retorno! No que diz respeito ao desafio de adaptação para mobile eu consegui concluir. A única inconsistência é que ao testar a navegação (links: home, produtos, contato) na página de PRODUTOS (no Modo Mobile), os links não funcionaram.

solução!

Pode ser a configuração do navegador, a "ferramenta dev" pode estar configurada apenas para inspecionar, nesse caso os links são ignorados. Tenta um reset para as configurações Default ou outra ferramenta dev, acessando por outro navegador. Exemplo de outro navegador: Firefox.