Categorias: CSS

Tornar menu no celular rolável

Escrito por Amanda de Lavra

25 de agosto de 2021
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: https://tompai.pro/wordpress/solved-divi-mobile-menu-extends-over-screen-cant-scroll-some-menu-items-not-visible/. É só acrescentar o seguinte código:
/*Tornar menu mobile rolável*/
.et_mobile_menu {
	overflow: scroll !important;
	max-height: 80vh;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.3)
}

Posts relacionados

Customizações da página de login e painel administrativo do WordPress

Customizações da página de login e painel administrativo do WordPress

Para todo o site que eu faço, personalizo a página de login e também o wp-admin para ficar com a marca do cliente. Recentemente, aperfeiçoei o código para que o login ficasse no meio da página, tanto verticalmente quanto horizontalmente. Segue código usado aqui neste...

Botão Leia Mais no Elementor

Botão Leia Mais no Elementor

O site do cliente tinham alguns textos que eram muito extensos e, num layout de coluna, variavam muito de tamanho. Decidi adaptar o que já havia feito no Divi, ao incluir um botão Leia Mais (https://blog.amandadelavra.com.br/modulo-texto-com-botao-leia-mais/), mas...

Como manter a proporção de um elemento com CSS

Como manter a proporção de um elemento com CSS

Me pediram para colocar um elemento flutuante no site com o preço de cada produto. Como os preços variam de acordo com o produto, eu não podia ajustar com padding apenas para que ficasse redondinho na proporção 1:1. Para isso, usei a propriedade do CSS aspect-ratio....