Yo lo que entiendo es que quieres que toda la web "entre" en una sola pantalla, y que no salga scroll vertical, verdad?
Pero para eso tendrás que tener en cuenta que hay diferentes resoluciones y tamaños...
Pues bien, echando un vistazo a la web, y teniendo en cuenta que el monitor de mi portatil es de 16 panorámico a resolución 1366x768, con los siguientes cambios en tu hoja de estilos quedaría en una sola pantalla:
Código CSS:
Ver original.logo img {
margin-top:2px;
margin-bottom:0px;
}
#top menu {
height: 50px;
}
#top menu ul li {
height:40px;
padding-top: 18px;
}
.foto {
padding-bottom: 8px;
}
.foto img {
max-height:280px;
width: 100%
}
El último .foto img tendrías que crearlo en tu hoja de estilos porque no existe.
También hay una sentencia, imagino que en el index.php, donde deberías cambiar el estilo para acortar la distancia entre el menú y la imagen central:
Código HTML:
Ver original<div id="topmenu-sticky-wrapper" class="sticky-wrapeer" style="height:58px">
Fijate que lo único que está cambiado es el "height" de ese div.
Con esos cambios en mi pantalla se vería correctamente.. pero si alguien usa una resolución menor pues por fuerza saldría el scroll vertical.
Creo que es más o menos lo que querías, si no es eso pues hazlo saber y trato de echarte un cable.
Un saludo!