Escolha uma Página
Fixar menu no celular

Fixar menu no celular

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 } }...
Texto no lugar do hamburger menu

Texto no lugar do hamburger menu

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...
Logo diferente no celular

Logo diferente no celular

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”); } }...
Tamanho da Logo no celular

Tamanho da Logo no celular

Dependendo da dimensão da sua logo ela pode ficar bem pequena no celular. Esse código aumenta seu tamanho e controla as margens e paddings para celular. @media only screen and (max-width: 981px){ #logo{ margin-top:0px; margin-left:-10px; max-height:80%; max-width:80%}...