Pra criar o efeito abaixo e manter a barra de menu fixa no celular ou tablet, add o código no seu CSS: @media only screen and ( max-width: 980px ){ #main-header{ position: fixed !important; } #et_menu_container, #main-header{ height:70px; margin-top: -13px } }...
Adicione um texto comum ao invés de imagem no lugar da logo. Adicione o código no seu CSS: #logo{ display:none; } .logo_helper:before{ content: ‘ESCREVA seu texto AQUI’!important; display:inline!important; white-space: nowrap;...
Para adicionar um texto no lugar do menu no celular, adicione o seguinte código ao seu CSS: #et_mobile_nav_menu .mobile_menu_bar::before { font-size: 25px!important; content: ‘menu’; font-family: Arial!important; border-radius:3px; } Para adicionar...
Por padrão, o menu do Divi no celular abre para baixo; Para fazer com que ele deslize da direita para a esquerda adicione o código a seguir no CSS principal. #main-header .et_mobile_menu li ul.sub-menu.hide { display: none !important; visibility: hidden !important;...
Adicione o código no CSS principal para alterar o ícone de abrir e fechar o menu no celular: /*abrir*/ #et_mobile_nav_menu .mobile_menu_bar::before { font-size: 25px!important; content: ‘ADICIONE AQUI O CODIGO DO ICONE’; border-radius:3px; } /*fechar*/...
Você pode ter uma logo específica para tablet e celular ou apenas para celular, adicione o código no CSS principal: @media only screen and (max-width:680px){ #logo { content: url(“ADICIONE AQUI A URL DA SUA LOGO PARA CELULAR”); } }...