Удалять класс на маленьких экранах?

Question

[Andrew]

Здравствуйте!
Есть Лендинг, на котором header - fixed и когда он на отображается на телефоне только и header видно. Пробую удалять класс при меньшей ширине, но что-то не удаляется он. Вот код ...

function windowSize(){
		if (window.innerWidth < 800){
			$("header").removeClass("navbar-fixed-top");
		} else {
		}
}

Подскажите пожалуйста, как правильно удалить класс в такой ситуации?
Буду очень благодарен за помощь!)

Answer 1

[Дмитрий Кравченко]

1) используй брейкпоинты
https://github.com/xoxco/breakpoints
2) используй медиазапросы в css - еще лучше

Answer 2

[Артем Зинкин]

Добрый день.
Есть ли смысл использовать для этой задачи js?
Посмотрите в сторону "@media" (css)
https://jsfiddle.net/ost369kg/

Answer 3

[Сергей Петроченко]

Попробуйте так

function windowSize(){
    if ($(window).outerWidth(true) < 800){

          $("header").removeClass("navbar-fixed-top");

    }else {


    }
}