Как скрыть button up (JS) при определенной ширине экрана - Дизайн и модификация Invision Power Board

Здравствуйте.

На форуме установлена "стрелка вверх", наподобие VK. Когда прокручиваешь форум вниз, она появляется слева, по всей длине экрана.
Все замечательно, удобно и всем нравится. Проблема вскрылась у пользователей планшетов и мобилок.
Стрелка перекрывает активные участки, что мешает отвечать в темах (просто читать форум, не мешает).
Стрелка работает на JS.

Вопрос следующий.
Можно ли в JS задать условие, что бы при определенной ширине экрана, стрелка просто не показывалась?

Вот код

jQuery(document).ready(function() {

	jQuery('body').append('<div class="button-up" style="display: none;opacity: 0.7;width: 40px;height:100%;position: fixed;left: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;font-size:20px;color: #d3dbe4;font-weight: bold;">↑</div>');
		
	jQuery (window).scroll (function () {
		if (jQuery (this).scrollTop () > 100) {
			jQuery ('.button-up').fadeIn();
		} else {
			jQuery ('.button-up').fadeOut();
		}
	});
	
	jQuery('.button-up').click(function(){
		jQuery('body,html').animate({
            scrollTop: 0
        }, 0);
        return false;
	});
	
	jQuery('.button-up').hover(function() {
			jQuery(this).animate({
				'opacity':'1',
			}).css({'background-color':'#fff','color':'rgb(136, 136, 136)'});
		}, function(){
			jQuery(this).animate({
				'opacity':'0.7'
			}).css({'background':'none','color':'#d3dbe4'});;
	});

});

Пытался скрыть ее, используя CSS (@media screen), но не получается. А в JS разбираюсь плохо.

jQuery(document).ready(function() {

    if(jQuery(window).width() <= 650){
        return;
    }