Aprenda neste tutorial Elementor WordPress: como ativar e configurar pontos de quebra adicionais personalizados no Elementor (Breakpoints Elementor) para ter um site responsivo com Elementor, WordPress e WooCommerce. Também ensino como configurar o site responsivo da maneira correta em uma tela/dispositivo para não ficar errado em outras telas diferentes.
Os “Breakpoints” (na tradução: pontos de quebra) no Elementor serve para ter mais opções de tamanhos de telas para configurar o site para outros tipos de telas e dispositivos, além dos convencionais: Desktop, Celular e Tablet que já vem padrão no Elementor.
Ao ativar outras telas no Elementor, você pode configurar mobile deitado (configurar celular deitado/horizontal), configurar Elementor para Monitor grande, configurar Elementor para TV, para tablet na horizontal e vertical, configurar site para notebook/laptop.
Enfim, com os Breakpoints dá pra configurar o site para ficar responsivo em todos os tamanhos de telas possíveis, inclusive em dispositivos móveis na vertical e horizontal(em pé e/ou deitado).
Todo Web Designer e Empreendedor que cria site com WordPress, WooCommerce e Elementor, sempre precisam adaptar/configurar o site para que fique responsivo responsivo nos diferente tipos de telas. E pode acontecer que ao configurar o site para Desktop/Computadores, Celular e Tablet, ainda precise ajustar me outros tamanhos de telas, como monitores, Televisão, Tablet na Horizonal, Celular na Horizontal(deitado), entre outros.
Para ter esses outros tipos de tamanhos de telas para configurar/adaptar o site para que fique responsivo nessas outras telas, é preciso ativar os “BreakPoints/Pontos de quebra adicionais personalizados” no Elementor Pro/Elementor Free.
Neste vídeo eu mostro como ativar essas outras telas no Elementor e como configurar um site para ficar responsivo, ou seja, para adaptar para outros tamanhos de telas. Também mostro como configurar o site em determinado tamanho de tela de uma forma para não estragar em outra tela/dispositivo diferente.
