Scusa, ieri non sono riuscita a riguardarci.
Per me è solo un problema di sovrapposizione di div, che ti vanno a "limare" l'area sensibile per l'hover, rendendo non cliccabili le voci di menu.
Devi separare le due div (menu e login) in modo che abbiano una larghezza che non si sovrapponga e un float opposto. Anche la barra che contiene il tutto va dimensionata in altezza in modo che la ul non debordi, se no ti ritrovi con lo stesso problema (occhio che ci sono elementi diversi che hanno la stessa classe assegnata, ma ne hanno anche altre, quindi bisogna assegnare le regole al giusto blocco di classi).
Esempio "farlocco" fatto velocemente su Firebug:
-http://redwebsite.altervista.org/templates/gantry/css/gantry-custom.css (riga 20):
#rt-drawer .rt-container .rt-grid-12 .rt-block {
float: right;
margin: 0;
padding: 0;
width: 300px;
height:50px;
}
Così non va bene perchè puntiamo entrambe i moduli, che hanno classe .rt-block, però otteniamo anche che si separino senza sovrapporsi (entrambe width: 300px e float:right, cioè uno dopo l'altro sulla destra). Vedi che le voci di menu sono tutte perfettamente cliccabili, anche nelle sottopagine.
Devi cercare il modo di puntare ai due elementi separatamente nel .css, dare una larghezza prefissata e una distanza nel posizionamento (float right e left), aggiustare di conseguenza l'altezza dell'elemento contenitore. Dovrebbe funzionare.
Elena
