1

![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.

11
  • 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?
    – Sergio
    7/12/2014 às 19:33
  • Inflizmente ainda não está online.
    – Diogo
    7/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).
    – Diogo
    7/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.
    – Sergio
    7/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?
    – Sergio
    7/12/2014 às 20:00

1 Resposta 1

0

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.

2
  • Funcionou perfeitamente obrigado, será que me poderia ajudar a fixar as imagens na lateral?
    – Diogo
    7/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.
    – Sergio
    7/12/2014 às 20:38

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .