Скрыть кнопку вверх при достижении нужного размера ширины

[Rommax]

Всем привет есть такой код

Вот

<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('body').append('<div class="button-up" style="display: none; opacity: 1; width:80px ;height:100%;position: fixed;left: 0px;top: 0px;cursor: pointer;text-align: center;line-height: 30px;color: #fff;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
}, 800);
return false;
});

jQuery('.button-up').hover(function() {
jQuery(this).animate({
'opacity':'1',
}).css({'background-color':'rgba(19, 20, 21, 0.37)','color':'#C34218'});
}, function(){
jQuery(this).animate({
'opacity':'1'
}).css({'background':'none','color':'#C34218'});
});

});
</script>

как его можно скрыть ?
таким образом ?

@media only screen and (max-width : 800px) {
.что то надо туды писать ({ display: none; }
}

 

[Mirovinger]

Пробуйте в EXTRA.css

<xen:if is="@enableResponsive">
@media (max-width: 800px)
{
    .button-up { display: none; }
}
</xen:if>

 

[Rommax]

Не прокатило (

 

[Mirovinger]

Доступ дайте, если есть возможность, гляну лучше прямо у Вас.

 

[Rommax]

Ок ) Иду в лс )

 

[Mirovinger]

Понятно, пробуйте это.

<xen:if is="@enableResponsive">
@media (max-width: 800px)
{
    .button-up { display: none !important; }
}
</xen:if>

Ну, или если хотите Ваш вариант.

@media only screen and (max-width : 800px) {
.button-up { display: none !important; }
}

 

[Rommax]

Да не принципиально какой вариант главное чтобы пахало и вижу результат ) Спасибо вам большое )