No celular, quando estou no topo do tópico, a barra de navegação/cabeçalho inclui o ícone do menu e outros elementos, incluindo o controle deslizante/carrossel de categorias.
Quando rolo para além de um certo “limite”, ele muda para incluir o nome do tópico, mas isso atrapalha minha formatação. Posso desativar esse comportamento? Quero o mesmo cabeçalho o tempo todo.
O botão do menu hambúrguer não está no mesmo lugar nas suas duas capturas de tela, o que me faz pensar que você não usou o modo mobile no segundo caso.
Você pode obter a visualização mobile adicionando ?mobile_view=1 à URL. Assim, você também poderia melhorar o estilo e continuar a se beneficiar do recurso de mostrar o título.
Eu apenas fui ao painel Inspect no Chrome e cliquei no botão para ativar a visualização móvel. Por que o menu mudou para a esquerda, não tenho ideia…
Às vezes, essa visualização não é muito precisa, notei isso.
Obrigado pela dica ?mobile_view=1. Não sabia disso.
Só quero adicionar, para aqueles que não estão familiarizados com isso (e me levou um tempo para voltar ao normal), para voltar basta adicionar ?mobile_view=0 como https://example.com?mobile_view=0
Com a opção ?mobile_view=1, notei que ele agia de forma estranha quando atingia o ponto de mudar para o título do tópico, mas no celular não. Talvez haja algo estranho ao usar um navegador de desktop.
Como você pode ver em minhas capturas de tela, além do cabeçalho bagunçado, o slider com as categorias foi completamente removido.
1 - Você acha que isso está acontecendo porque a altura do cabeçalho não se ajusta corretamente?
2 - Como posso criar CSS que só se aplica quando essa mudança ocorre?
@Moin Inspecionando a versão mobile usando o truque de URL que você compartilhou (sem o componente instalado), vejo isto quando estou no topo do tópico:
Então ele remove completamente a div com class=\"wrap custom-categories-navbar\". Parece que há mais envolvido aqui que precisa de outra abordagem para evitar que o slider de categorias desapareça.