Tag: Responsividade

Site com Imagem de Fundo

Site com Imagem de Fundo

Estou desenvolvendo um site em que o cliente quer que o site inteiro tenha uma imagem de fundo. Existem opções no Customizador de Tema que dão essa aparência. É só ir em Configurações Gerais > Contexto > Imagem de Fundo, acrescentar a imagem e configurar as opções....

Tornar menu no celular rolável

Tornar menu no celular rolável

Ocorre um problema com o módulo de Menu no celular que é o menu não rolar até o fim e, caso tenha muitos submenus, isso faz com que não seja possível a visualização de todos os itens. Achei a solução para corrigir isso nesse link:...

Alterar ordem das colunas no celular e tablet

Alterar ordem das colunas no celular e tablet

Muitas vezes, a disposição do conteúdo no desktop não funciona bem no celular e no tablet. Nesse exemplo, o texto vem primeiro na coluna da esquerda e a foto na coluna da direita. Na versão responsiva, o texto viria em cima e a foto embaixo, mas queria que a foto...

Mostrar menu completo em tablets e celulares

Mostrar menu completo em tablets e celulares

Em alguns casos, o menu do site deve aparecer completo, mesmo em tablets e celulares e não como ícone de hamburguer.Nesse caso, é no módulo Menu, aba Avançado > ID e Classe CSS, definir a classe como hide-mobile-menu e depois adicionar o seguinte...

Mais de três colunas na mesma linha responsivo

Mais de três colunas na mesma linha responsivo

Algo que já aconteceu mais de uma vez é fazer um rodapé com mais de 3 colunas e precisar que na versão responsiva elas fiquem em linha.Esse código é para 4 colunas, mas pode ser adaptado para mais. É preciso ir na linha, aba Avançado > Classe e ID CSS e definir a...

Menu recolhido na versão mobile

Menu recolhido na versão mobile

Ao criar um menu com muitos submenus, cria-se um problema que na versão mobile não é possível ver todos os itens do menu. A solução é criar um menu recolhido onde só os itens do primeiro nível apareçam primeiramente e os do segundo nível sejam mostrados num click....