Как удалить класс при ширине экрана меньше 768px?

Question

[Борис Белов]

Есть строчка кода:

<button type="button" class="lines-button x tcon-transform">

Надо, чтобы при уменьшении экрана после 768, строчка становилась вот такой :

<button type="button" class="lines-button x">

Пробовал сделать так:

$(document).ready(function() {
 
  $(window).resize(function(){
    var windowWidth = $(window).width();
    if(windowWidth > 768)$(".nav-main-menu-responsive button").addClass(" ");
    else $(".nav-main-menu-responsive button").removeClass(" tcon-transform");
  });
});

Не вышло.

Answer 1

[Atllantis]

Что у вас не получается?
У меня всё работает: https://jsfiddle.net/211mqmba/

Comments

[Борис Белов]

затупил с скриптом, не там вставил) спасибо

Answer 2

[Alex]

Можно сделать через media query на чистом css