Okay, so on your site you have in addition to jQuery two files. One called functions.js
where it has some code for resize case of the window and another one of "jQuery FlexSlider".
In addition it has side images with position: absolute;
that will inevitably overlap with the text ... The CSS file is also very large: link
I think it's best to start a new page to learn step-by-step ...
In order to answer your question, within functions.js
there is a function called in several parts of the code, the function mobile()
. In this function it hides the ul
of the menu if the width of the screen is less than 750px with $('#navigation ul').hide()
.
The function in question is:
function mobile() {
var winW = $(window).width();
if (winW > 750) {
$('#navigation ul').show()
}else{
$('#navigation ul').hide()
$('#navigation a.nav-btn span.arr').removeClass('active');
}
}
If you do not know how to remove this function from your code without generating errors, I suggest using only:
function mobile() {
return false;
}
But I say again that I should start from the beginning, to learn step-by-step.