Categoria: CSS

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...

Colocar barra entre os itens de menu

Colocar barra entre os itens de menu

O plugin Divi Booster tem a opção de adicionar barras verticais entre os itens do menu, porém não faz sentido usar o plugin só para isso caso não vá usar outras opções disponíveis. Nesse caso, é só adicionar um código CSS simples para incluir as barras verticais. Esse...

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....

Divi Carousel

Divi Carousel

Um efeito interessante que os clientes gostam e que não está disponível no Divi é o carrossel. Porém, achei um tutorial bem simples de como fazer qualquer módulo Divi virar um carrossel. http://divisoup.com/r41-how-to-create-a-scrolling-module-carousel-in-divi/. Ele...

Adicionar botão “Comprar” ao módulo Divi Loja

Adicionar botão “Comprar” ao módulo Divi Loja

Ao desenvolver uma loja virtual me deparei com um problema no módulo Divi Loja. Não há a possibilidade de acrescentar o botão "Comprar", então o cliente precisaria abrir a página de produto para adicioná-lo no carrinho. Pesquisei um método de acrescentá-lo e é bem...