Olá, Kangaroozinho, como vai? Se você tem um site WordPress, utiliza o Elementor, mas ainda não tem tanta familiaridade com a tela de criação/edição do plugin, neste artigo vamos te mostrar como ajustar a responsividade, visto que vários usuários vão acessar o seu site tanto através de computadores, como também dispositivo móveis, como celulares.
Se você está começando a usar o Elementor, ele é um plugin que te permite montar o seu site puxando elementos para a tela, sem a necessidade de usar códigos para a construção. E a principal ferramenta para essas construções são os contêineres, visto que eles basicamente estruturam o seu site de modo a ficar mais organizado e de melhor visualização.
Se você ainda não sabe, responsividade é o termo utilizado para definir como cada elemento se comporta em cada dispositivo. Por exemplo, se você adiciona um menu na edição para desktop, é essencial que você edite a responsividade para que em celulares/tablets o menu fique navegável, e não com partes cortadas ou botões inacessíveis.
Como editar a responsividade no Elementor
- Acesse o painel administrativo do seu site WordPress (wp-admin)
- Nessa tela, localize a página/post que deseja editar e clique em Editar com o Elementor, caso seja uma nova página/post, clique em Adicionar página/post
- Na tela de edição, no centro do menu do Elementor você pode navegar entre as versões para Desktop, Tablet e Celulares, clique no que deseja ajustar.
- E nessa tela, você precisa localizar todos os elementos que não estiverem bem encaixados e ajustar o tamanho, posição, altura, em alguns casos a margem também influencia bastante.
Note que textos, ícones, etc., são alterados para todas as versões do site, então, se você alterar para desktop, provavelmente ele será alterado para celulares e tablets, mas a altura, largura, margem, tamanhos, etc., esses são individuais para cada visualização, o que ajuda a controlar a responsividade.
E antes de finalizar, uma dica: Se você é um cliente Kangaroo Host e possui um serviço de hospedagem ou revenda, você tem direito a pelo menos 1 licença do Elementor PRO. Sendo assim, caso deseje solicitar a instalação para o seu site WordPress, acesse este artigo: Como solicitar as licenças incluídas no seu plano.