He estado haciendo correcciones a sitios web para que se vean bien en dispositivos mobiles y encontre un par de recursos que me ayudaron a corregir algunos problemas.
Uno de los problemas mas molestos y persistentes es que la pagina tiene un margen en la parte derecha a pesar de que no hay ningun elemento en ese lugar. Para corregirlo cree un div que contiene todos los elemento de la pagina web y use el atributo css overflow de la siguiente manera:
<body>
<div id="container" style="width: 100vw; float: left; overflow-x: hidden;">
...
</div>
</body>
Otro recurso util que encontre fue usar javascript para detectar sitios mobiles fácilmente
function isMobile() {
return ('ontouchstart' in document.documentElement);
}