O tema Wolf WP oferece várias funcionalidades práticas, incluindo o botão de “Voltar ao Topo”.
No entanto, pode haver situações em que você não deseja que esse botão esteja visível no seu site. Isso pode ocorrer, por exemplo, se você estiver usando outro botão no mesmo local, como um botão de WhatsApp no canto direito da tela.
Para evitar que um botão sobreponha o outro, você pode remover facilmente o botão de Voltar ao Topo com um simples código CSS.
Passo a Passo
1. Acesse o Personalizador do WordPress
Para começar, acesse o painel de administração do WordPress e siga estes passos:
- No menu lateral, vá até Aparência > Personalizar.
- Em seguida, selecione CSS Adicional.
2. Adicione o Código CSS
No campo de CSS Adicional, insira o seguinte código:
.scroll-top.show {
display:none !important;
}
Este código irá esconder o botão de Voltar ao Topo do seu site, impedindo que ele apareça para os visitantes.
3. Publicar as Alterações
Após adicionar o código, clique no botão Publicar no topo da página para salvar suas alterações. Agora, o botão não estará mais visível no seu site.
Por que Remover o Botão de Voltar ao Topo?
A principal razão para remover o botão é para evitar conflitos visuais no seu layout. Se você estiver usando um botão de WhatsApp ou qualquer outro botão no canto direito da tela, eles podem se sobrepor, prejudicando a experiência do usuário.
E ao desativar o botão de “Voltar ao Topo”, você garante que o layout do seu site fique limpo e sem elementos sobrepostos.
Vídeo Tutorial
Se preferir assistir ao tutorial em vídeo, veja o passo a passo completo:
Conclusão
Remover o botão de Voltar ao Topo do tema Wolf WP é uma solução simples e eficaz para evitar problemas de sobreposição de elementos no seu site.
Com apenas algumas linhas de código CSS, você mantém o design do seu site mais organizado e funcional, sem comprometer a experiência do usuário.
Dica: Eu já fiz um artigo e video completo sobre o tema Wolf WP, explorando suas funcionalidades e atualizações.