Me pregunto porque los elementos dentro del nav no se modifican en la paginas productos y pagina contacto? Es decir despues de hacer los cambios en @media and screen el nav solo adopta el cambio width:auto en la pagina home y no en las otras 2, por que?
posiblemente te hizo falta poner las etiquetas de meta en las otras dos páginas porque en el ejemplo que se vio servian las mismas declaraciones para todas las páginas.
andaba todo estresado y me sirvió tu comentario Aldo, gracias.