Desativar alterações de cabeçalho no celular

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.

Cabeçalho normal / bom:

Rolando / Cabeçalho ruim:

O estranho é que, ao usar Chrome > Inspecionar, obtenho um comportamento diferente e agradável:

Antes de rolar:

Depois de rolar:

Acho que este componente pode te ajudar

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.

1 curtida

É exatamente o que eu queria. Obrigado!

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:

E quando rolo, vejo isto:

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.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.