Kolejny problem z responsywnością..
Mam dwie wersje strony: mobilną i standardową. I menu z boku które w mobilności mają się rozwijać po kliknięciu.
Wszystko działa; menu w telefonie rozwija się po kliknięciu, niestety nie potrafię zablokować tej funkcji na komputerach - po kliknięciu na belkę "Hodowla" zwija się i rozwija - znika drugie menu (nav) - w telefonie podobnie (znika menu na górze).
adres strony: http://www.moje-niebo.pl - proszę kliknąć na belkę "Hodowla" (kursor ukryłem celowo, ale po kliknięciu na "hodowla" menu górne i boczne po prostu "wariuje").
Na telefonach jest ok, tylko jak menu "hodowla" jest rozwinięta - znika menu górne (nav) - ono się pojawia dopiero po zamknięciu menu "hodowla".

<script>
$(document).ready(function(){
$("#column .type").click(function(){
$('nav').slideToggle();
});
});
</script>

<script>
$(window).resize(function(){
if ($(window).width() <= 800){
$(document).ready(function(){
$("#column .type").click(function(){
$('nav').slideToggle();
});
});
}
});
</script>

Pomieszanie z poplątaniem.

Podłączasz obsługę kliknięcia po załadowaniu struktury HTML, a drugi raz podłączasz wewnątrz zdarzenia zmiany rozmiaru okna, ale pod warunkiem, że szerokość jest mniejsza lub równa 800 - w ten sposób podpinasz to zdarzenie za każdym razem kiedy rozmiar okna zejdzie poniżej tego rozmiaru.

Wygląda jakbyś nie rozumiał co robisz i nie znał zasady działania funkcji, których używasz. Nie wydaje Ci się, że warunek powinien być wewnątrz?

P.S. Proponuję zapoznać się z CSS-ową właściwością pointer-events.

Napisz na czym polega problem / albo jak go rozwiązać.

Czytaj dokładnie.