Как по мне ваша проблема в том, что вы изначально не смогли сформировать в голове алгоритм, что и как вы хотите, чтобы работало. Собственно ответ уже есть в вашем вопрос - "блок появляется если разрешение больше 1100, а если меньше, чтобы блока не было."
Называется "ресайз".
И еще, если не ошибаюсь, минимальный десктоп - 1024px.
function screenResize(desktop) {
// if screen resolution is less then 1023px
if (desktop.matches) {
// your code here
// if screen resolution is higher then 1023px
} else {
// your code here
}
} // screen resolution function
let x = window.matchMedia("(max-width: 1023px)");
screenResize(x);
x.addListener(screenResize);