Existe alguma chance de implementar um ponto de interrupção para que, quando o espaço horizontal da tela for inferior a um determinado limite, os links personalizados do cabeçalho desapareçam? Atualmente, ele permanece na tela e é simplesmente cortado quando você o reduz para a tela dentro de um determinado limite.
2 curtidas
Se não estiver disponível diretamente no componente, é facilmente realizável com CSS em um tema/componente personalizado, especialmente porque cada link tem um nome de classe exclusivo.
Exemplo, onde oculto o primeiro link em um ponto de interrupção definido.
.most-liked-custom-header-links {
@include breakpoint('extra-large') {
display: none;
}
}
Você pode encontrar a lista de pontos de interrupção aqui:
2 curtidas