Problema con il menù!

[Prill]

non sono tuo amico e sono una fanciulla ... attempata

ho ricostruito il tuo menu in una pagina vuota e il rombetto appare posizionato al centro.
Prima di vedere dove è il problema ripristina il css originale con le sole due modifiche per l'overflow nella regola per main-holder e il line-height sul link nella regola per
.header .nav__primary .sf-menu > li > a

SOLO IN QUELLA, SENZA MODIFICARE NIENT'ALTRO, che attualmente l'altezza della riga appare dove non dovrebbe sparsa nel css e genera problemi

[ginebria]

non sono tuo amico e sono una fanciulla ... attempata

ho ricostruito il tuo menu in una pagina vuota e il rombetto appare posizionato al centro.
Prima di vedere dove è il problema ripristina il css originale con le sole due modifiche per l'overflow nella regola per main-holder e il line-height sul link nella regola per
.header .nav__primary .sf-menu > li > a

SOLO IN QUELLA, SENZA MODIFICARE NIENT'ALTRO, che attualmente l'altezza della riga appare dove non dovrebbe sparsa nel css e genera problemi

Scusami allora, quale onore!

Comunque, ho ripristinato tutto e apportato solo quelle modifiche, Si è messo di nuovo al centro il menù ma il rettangolino resta lì! sembra come tagliato..

[Prill]

modifica

.header .nav__primary .sf-menu > li {
    background:url(images/menu_divider.png) no-repeat 0% 35px;

in

.header .nav__primary .sf-menu > li {
    background:url(images/menu_divider.png) no-repeat 0% center;

[ginebria]

modifica

.header .nav__primary .sf-menu > li {
    background:url(images/menu_divider.png) no-repeat 0% 35px;

in

.header .nav__primary .sf-menu > li {
    background:url(images/menu_divider.png) no-repeat 0% center;

Bravissima, hai ragione però menu_divider si riferisce a dei pallini che dividono le categorie (cosi sembra), infatti si muovono quelli e non il rettangolino credo che la voce giusta sia questa: però non so come modificarla per metterlo al centro! Inoltre..facendo esperimenti si è messo al centro ma resta tagliato!

nav__primary {
    background:url(images/menu.gif) repeat-x 0% 0%;

edit: ho modificato il codice nello stesso modo, ovvero 0% center, e i "pallini" (che pallini non sono) si sono posizionati al centro perfetto, invece prima no. Ora non capisco cosa diamine serve per controllare il rettangolino!



Ecco com'è la situazione:

header .nav__primary {	background:url(images/menu.gif) repeat-x 0% center;
	height:80px;
	margin:0 0 -30px 0;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
}
@media (max-width: 767px) {
	.header .nav__primary {
		height:55px;
		padding:25px 25px 0 25px;
	}
}
.header .nav__primary.isStuck {
	margin:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	right:0;
	left:0;
	z-index:999;
}
.header .nav__primary .sf-menu {
	float:none;
	line-height:0;
	font-size:0;
}
.header .nav__primary .sf-menu ul { width:186px; }
.header .nav__primary .sf-menu > li {
	background:url(images/menu_divider.png) no-repeat 0% center

[Prill]

menu.gif è l'immagine rosata che fa da sfondo al menu, quelli che tu chiami rettangolini sono dei rombi e la loro posizione si regola come detto sopra da quei valori 0% center

.header .nav__primary .sf-menu > li {
    background:url(images/menu_divider.png) no-repeat 0% center

Aggiorna la tua pagina online col codice modificato e rendi visibili di nuovo le immagini di sfondo dei link che non ci sono più

[ginebria]

menu.gif è l'immagine rosata che fa da sfondo al menu, quelli che tu chiami rettangolini sono dei rombi e la loro posizione si regola come detto sopra da quei valori 0% center

.header .nav__primary .sf-menu > li {
    background:url(images/menu_divider.png) no-repeat 0% center

Aggiorna la tua pagina online col codice modificato e rendi visibili di nuovo le immagini di sfondo dei link che non ci sono più

Purtroppo non so spiegarmi benissimo ho notato ahahahah scusami davvero!
Dunque, i rombi piccolini sono quelli che dividono le varie parti del menù, e anche io sono riuscito a metterli come nel tuo esempio (grazie al tuo aiuto ovviamente). Il problema è il Rettangolo che evidenzia la sezione di sito! Ora ti carico un immagine per capirci. Quel rettangolo non riesco ad addrizzare purtroppo, inoltre manca la parte di sotto del rettangolo di cui stiamo parlando, non riesco a capire perchè, nelle immagini caricate precedentemente da me si vede bene la differenza!

[Prill]

ma la hai scaricata la cartella zippata? lì è tutto a posto (guarda il padding del link che è stato modificato)