La verdad es que leer e interpretar todo tu código es complicado, lo más sencillo y que veo de rápido es que no estas orientando tu sitio a que se ajuste, la razón por la que lo ves bien en la tablet y en el pc es que son resoluciones mayores a los 1024px...
En tu código está esta linea:
Código CSS:
Ver original#barrasuperior2 {
position: relative;
width: 1024px; /*Este es el valor que te está generando problemas */
....
}
Este es el id que te esta dando problemas, cuando una pantalla es menor a los 1024 el menú y el sitio rebasará el ancho del dispositivo, te recomiendo que empieces a leer sobre los breakpoints en css, diseño responsivo, los media queries, estos te ayudarán a solucionar tu problema con la visualización de tu sitio en dispositivos moviles.
Ya por ultimo, es muy difícil que puedas ver igual tu sitio web igual en todos los dispositivos, tienen que ajustarse a la pantalla del celular y otros dispositivos, tu sitio debe ajustarse a los dispositivos, saludos!!