Как реализовать навигацию и лого прикрепленную к экрану?

Question

[ferles22]

Всем привет, подскажите как сделать, что бы лого и навигационное меню были прикреплены только со 2 и более экранов, а на первом не отображались, в лендинге, как реализовано тут:

https://posadisvoederevo.ru/

Answer 1

[Dymok]

jQuery:

$(window).scroll(function() {
    var top = $(document).scrollTop();
    if (top < 300) $(".top_nav").removeClass('fixed');
    else $(".top_nav").addClass('fixed');
});

CSS:

.fixed{
  position: fixed;
}