Tag: Cabeçalho

Definir bandeiras personalizadas com o plugin Polylang

Definir bandeiras personalizadas com o plugin Polylang

Para fazer um site multilingual, eu uso o plugin Polylang. O problema é que as bandeiras padrão são feias, mas é possível usar bandeiras personalizadas. É necessário criar uma pasta "polylang" dentro do tema filho e nomear as bandeiras segundo as línguas (ex: pt_br ou...

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

Itens do submenu com fonte diferente do menu

Itens do submenu com fonte diferente do menu

Nessa loja, a fonte usada para o menu é interessante para o tema do site, mas não é tão boa em relação a legibilidade, então deve ser usada esparsamente. Nesse caso, decidi que o submenu teria uma fonte diferente, mas não existe essa opção, então alterei com o...

Adicionando espaço entre itens do menu no módulo Menu

Adicionando espaço entre itens do menu no módulo Menu

O módulo de Menu não tem a opção de aumentar ou diminuir o espaçamento entre os itens do menu e o plugin Divi Booster, só tem essa opção para o cabeçalho padrão do Divi. Mas no site do Divi Booster, tem um tutorial mostrando como fazer isso. Está disponível em:...

Ícone de carrinho de compras com número de itens

Ícone de carrinho de compras com número de itens

O cliente queria que no cabeçalho tivesse o ícone de carrinho de compras, mas separado do menu e também que tivesse o número de itens ao lado do carrinho. Descobri um plugin gratuito compatível com Divi que é o Menu Cart Divi. Com ele, é adicionado um novo módulo, o...

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