Editor X: trabalhar com menus em breakpoints
2 min de leitura
O Editor X está em transição para o Wix Studio, nossa nova plataforma para agências e freelancers.Saiba mais sobre o Wix Studio
Ao criar um site responsivo, sempre verifique se o menu aparece como deveria em todos os tamanhos de tela. Você pode querer ajustar o mesmo menu para cada janela de visualização ou criar menus exclusivos que se adequam a breakpoints específicos.
Neste artigo, saiba como trabalhar com menus em diferentes breakpoints:
Adicionar um menu em um breakpoint no desktop
Ao adicionar um menu horizontal a partir do breakpoint no desktop, ele é automaticamente ocultado do mobile. Em vez disso, um menu hambúrguer é exibido, pois ele ocupa muito menos espaço.
No exemplo abaixo, você pode ver como o menu horizontal se transforma em um ícone de menu hambúrguer ao alternar para o breakpoint no mobile:
Dica:
Você ainda pode adicionar um menu horizontal ao seu site mobile enquanto trabalha nesse breakpoint.
Adicionar um menu em um breakpoint no mobile
Ao adicionar um novo menu ao seu breakpoint no mobile, ele é automaticamente oculto de breakpoints maiores (por exemplo: tablet, desktop). Isso é útil caso você queira mostrar uma versão mais minimalista que se adapte a uma tela menor.
Mostrar um menu diferente em cada breakpoint
O Editor X permite que você mostre diferentes menus em diferentes tamanhos de tela usando a mesma seção mestre. No entanto, ao trabalhar em um breakpoint específico, isso pode causar alterações não intencionais em outros breakpoints.
Recomendamos que você utilize umas dessas duas formas que afetam apenas o breakpoint em que você está trabalhando:
- Crie uma seção mestre dedicada para cada breakpoint, mostrando o menu exclusivo que você criou para esse tamanho de tela.
- Crie um novo menu em uma janela (pop-up) e adicione um elemento que vincula para a janela no breakpoint específico.
Dica:
Use a opção Não mostrar para ocultar seções e elementos de um breakpoint.
Esse artigo foi útil?
|