![inserir a descrição da imagem aqui][1]Estou a desenvolver um website e estou com um problema ao ajustar a janela. O problema é no menu do site(nav), quando estou a ajustar a janela para menor chega a um ponto em que o texto do menu desaparece. O problema está no jquery 1.8.0.min porque quando retiro o include da página posso ajustar à vontade que nao afeta nada. Quero que o site seja não responsive.
-
Diogo sem colocar o seu código não dá para saber qual o problema... Têm o site online? pode colocar o CSS, HTML e JavaScript relevantes ao problema?– Sergio7/12/2014 às 19:33
-
Inflizmente ainda não está online.– Diogo7/12/2014 às 19:54
-
Exemplo do menu: a | b | c | d | quando está a janela do browser normal. Depois ao ajustar a janela para menor para meter até janela lado a lado com outro o menu a| b| c| d não aparece só aparece o cabeçalho(nav).– Diogo7/12/2014 às 19:54
-
Tem de fazer editar na pergunta para acrescentar HTML. Se a formatação estiver errada nós ajudamos. Pode também juntar um jsFiddle para recriar o problema num ambiente onde podemos testar.– Sergio7/12/2014 às 19:57
-
Boa, estou a ver a imagem. Pode colocar o codigo (HTML, JS, CSS) em texto também no corpo da pergunta?– Sergio7/12/2014 às 20:00
1 Resposta
Ok, então no seu site tem para alem do jQuery dois ficheiros. Um chamados functions.js
onde tem algum código para caso de resize da janela e outro do "jQuery FlexSlider".
Para além disso tem imagens laterais com position: absolute;
que vão inevitavelmente sobrepôr-se ao texto... O ficheiro de CSS também é bem grande: http://oleola.comuf.com/css/style.css
Acho melhor começar uma página nova para aprender passo-a-passo...
De qq maneira e para responder à sua pergunta, dentro de functions.js
existe uma função chamada em várias partes do código, a função mobile()
. Nessa função ele esconde os ul
do menu se a largura do ecrã fôr inferior a 750px com $('#navigation ul').hide()
.
A função em questão é:
function mobile() {
var winW = $(window).width();
if (winW > 750) {
$('#navigation ul').show()
}else{
$('#navigation ul').hide()
$('#navigation a.nav-btn span.arr').removeClass('active');
}
}
Se não souber como remover essa função do seu código sem gerar erros, sugiro usar somente:
function mobile() {
return false;
}
Mas volto a dizer que devia começar do inicio, para aprender passo-a-passo.
-
Funcionou perfeitamente obrigado, será que me poderia ajudar a fixar as imagens na lateral?– Diogo7/12/2014 às 20:35
-
@Diogo ajudo/ajudamos sim. Faca uma nova pergunta e explique o que está a acontecer e o que queria que acontecesse. Lembre-se que já há muito conteúdo aqui no site que pode resolver o seu problema. Dê uma olhada. Se não encontrar faça nova pergunta.– Sergio7/12/2014 às 20:38