Gostaria de remvover o href de um elemento somente na versão mobile, que seria em 769px, o href que eu gostaria de remover é de um menu, esse menu é o mesmo da versão da desktop, só ganha outro css ao entrar em 769px, tentei adicionar uma nova classe ao entrar em 769px para poder modificar esse href sem ter que mexer no menu desktop, só que não funciona, quando ele volta a versão desktop está com o href removidos.
Essa classe .menu-mobile
só existe em 769px e some ao passar de 769px,
mas como o menu é o mesmo em ambos tamanhos ele só ganha uma classe a mais, acredito que esse seja o motivo de não funcionar, pelo fato de ele voltar ele somente perde a classe, mas a alteração já está feita logo perder essa classe não tem efeito algum. Como eu poderia resolver isso?
Remover o href somente em 769px.
Código que tentei usar
$j(document).ready(function() {
$j('.menu-mobile a').removeAttr('href');
});