Suporte » Desenvolvendo com WordPress » Como eu faço para deixar o meu cabeçalho fixo?

  • Boa tarde Pessoal,

    Estou precisando muito da ajuda de vocês.
    Tentei achar de todas as formas uma solução, mas não consigo.

    Estou com um problema no meu cabeçalho, quando uso a barra de rolagem a página desliza sobre a imagem do cabeçalho , mas o menu fica fixo.
    Eu gostaria de saber como consigo deixar o cabeçalho móvel, mas sem esse efeito de deslizar.

    Abraço e obrigada!

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • URL?

    Criador do tópico lolivier

    (@lolivier)

    Talvez seu tema tenha alguma opção para desativar o parallax. Procure nas opções do tema por algo parecido. Veja também se é possível diminuir a margem de baixo do cabeçalho, pois o console não indica um arquivo css que dá essa margem.

    Caso não tenha nada, se eu realmente entendi bem o q vc quer, isso talvez resolva:

    @media only screen and (min-width:768px){
    div#parallax-bg{
    background-attachment: scroll;
    background-image: url(“http://www.lolivier-leblog.com/wp-content/uploads/2015/01/cropped-logo-blog31.png”);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20em 0 0;
    position: static;
    }
    header#masthead {
    margin-bottom: 0;
    }
    }

    Criador do tópico lolivier

    (@lolivier)

    Obrigada Filipe,

    Eu vou tentar. No caso esse código eu devo colocar onde?

    Desculpa se for perguntas lógicas, mas eu estou aprendendo a usar o wordpress, não sei nada mesmo.

    O que quer dizer pois “o console não indica um arquivo css que dá essa margem” ?

    Opa… não tem problema, amigo, ninguém nasce sabendo.

    Caso o tema não tenha essas opções, então, vc precisa inserir o código no seu arquivo style.css.
    Recomendo a leitura deste post para que vc entende a melhor maneira de fazer isso:
    http://tableless.com.br/child-themes-o-que-e-como-fazer-e-quando-usar/

    Qlq dúvida poste aqui.

    Criador do tópico lolivier

    (@lolivier)

    Oi Filipe, Obrigada mais uma vez.

    Eu consegui ontem tentando pelo CSS personalizado e colei o código que tu em passou ontem e funcionou, não sei se pode ser assim ou tem que ser de outra forma.

    De qualquer maneira, o problema é que para caber dentro do espaço do cabeçalho e sem ficar embaixo do menu, ele reduziu e a imagem ficou super pequena.

    Então eu pensei que a forma de arrumar isso seria aumentando o espaço da altura do cabeçalho, mas não consigo de forma alguma achar no editor do tema o código HTML que fala da parte da altura do cabeçalho.

    Tu teria alguma sugestão para fazer essa alteração e quem sabe conseguir aumentar a imagem?

    Desde já te agradeço.

    Claudia

    Tente aumentando apenas o ‘padding’:

    @media only screen and (min-width: 768px){
    	div#parallax-bg{
    	    background-attachment: scroll;
    	    background-image: url("/wp-content/uploads/2015/01/Logotipo-blog-11.png");
    	    background-position: center bottom;
    	    background-repeat: no-repeat;
    	    background-size: contain;
    	    padding: 30em 0 0 0;
    	    position: static;
    	}
    	header#masthead{
    	    margin-bottom: 0;
    	}
    }

    Criador do tópico lolivier

    (@lolivier)

    Perfeito!! Deu certo!

    Valeu mesmo Filipe.
    Abraço,

    Claudia

    Excelente!

    marque como resolvido

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • O tópico ‘Como eu faço para deixar o meu cabeçalho fixo?’ está fechado para novas respostas.