Uma dica é você usar um recurso presente na maioria dos navegadores, que é a inspeção de elementos.
No Google Chrome, é “Inspecionar elemento”, clicando com o botão direito do mouse sobre o elemento que você deseja inspecionar (a imagem, no caso), vai abrir uma área mostrando o código-fonte do site. No lado direito, vai dar pra ver a classe ou ID daquele elemento e seus respectivos estilos CSS e também, nome do arquivo e linha onde aqueles estilos estão… Assim fica ultra fácil de encontrar o arquivo necessário.
Abs.
eu ja tentei com o inspecionar elemento, alias foi a primeira coisa que eu fiz, a diferença é o problema que ele não esta responsivo so no cabeçalho, eu nao sei bem oq fazer mais, ja procurei de tudo e nao deu nem nada
Se você já inspecionou o elemento, então já sabe onde encontrar o código CSS para poder alterar o seu header, correto?
Você disse acima que não sabia como fazer pra achar o local onde alterar, mas enfim …..
Sabendo onde está o código CSS do header, arrume uma imagem um pouco maior que a area do elemento onde ela se encontra e use algum CSS pra deixa-la responsiva, como por exemplo DIV image { max-width:100% }
Se a imagem estiver como background de um elemento, pode usar esta tecnica http://sixrevisions.com/css/responsive-background-image/
Enfim, já que você sabe onde está o CSS, agora basta alterá-lo 🙂
alterei e nao mudou nada, simplesmente continua não responsivo, apenas a header, eu ainda não entendi o motivo de isso acontecer com a header apenas, e sim eu ja diminui o tamanho da imagem e coloquei e da mesma maneira continua nao ficando responsivo, quando é acessado em um celular a imagem simplesmente some.
A imagem esta apenas na header, não esta como background. o problema so esta sendo na propria header, que eu nao estou entendendo como alterar para que ela fique responsiva.
Você pode passar o link do site pra eu dar uma olhada?
Pra imagem ser responsiva, ela tem que estar setada pra ter tamanho 100%, assim ela vai se ajustando conforme redimensionamos o navegador. Algum detalhe você deve ter esquecido.
Outra coisa: Se você tiver uma imagem pequena demais, ela nunca vai se ajustar a uma tela muito grande!!!
Abs.
http://www.cienciaweb.com.br/clube-de-ciencias esse é o link, a imagem esta no tamanho grande ja e esta 100%
gabriel, usa o Chrome Inspector pra checar os detalhes dos elementos na sua página.
Veja a imagem que eu fiz aqui…
https://www.dropbox.com/s/m038nq9q1fqs6so/Captura%20de%20tela%202015-05-13%2013.59.07.png?dl=0
Note que seu site é limitado, dentro de uma div, que tem 1600px de largura. Então, em um monitor Full HD como o meu, a imagem vai ficar 100%, dentro desse limite de 1600px. Num monitor menor, ela vai se ajustar perfeitamente.
https://www.dropbox.com/s/y9c8cg1by2ybkbr/Captura%20de%20tela%202015-05-13%2014.01.12.png?dl=0
A sua imagem está sim responsiva. Se quer que ela pegue a tela toda, de um lado ao outro, vai ter que fazer alguns ajustes na estrutura HTML, removendo o header da limitação dos 1600px.
Grande abraço.
