Luego de buscar por horas algo que lograra agregar la clase btn-sm
a mis botones si se accedia desde un celular, encontré este código Jquery que me funcionó:
$(document).ready(function(){
if(window.innerWidth < 768){
$('.btn').addClass('btn-sm');
}
});
Francamente evito usar Jquery y siento que al usar dicho código mi sitio tarda un poco más en cargar. Traté de convertirlo a Javascript puro con mis pocos conocimientos y con esta guía:
function ready (fn) {
if(window.innerWidth < 768){
document.querySelector('.btn').classList.add('btn-sm');
}
}
Pero no funciona, no se agrega la clase btn-sm
a los botones. ¿Qué está mal?