Problema adattamento pagina responsive

[mattex94]

Ciao a tutti, ho i seguenti problemi nell'adattare il layout con i vari elementi contenuti che mi stanno facendo impazzire.
Il sito in questione è www.pastalandia.altervista.org così potete visionare il codice html e css.

Ho diviso il layout responsive in 3 risoluzioni,
la prima parte dai 1920px sino ai 971px
In questa risoluzione ho i seguenti problemi: come vedete lo spazio che c'è tra la slide e la barra blu (del primo contenitore) non viene ripetuto tra i due contenitori, anzi viene nascosto dal primo contenitore. Se voi provate a rimpicciolire la finestra, lo spazio compare, ma più si rimpicciolisce la finestra e più lo spazio aumenta :crying:
Come faccio a fargli rimanere quello spazio che c'è fisso, come quello tra la slide e il primo contenitore?

la seconda parte dai 970px ai 521
Qui i problemi sono due
1. Appena si attiva il layout per questa risoluzione, ho questo risultato:

Vorrei che le immagini siano centrate al layout e non flottate a sinistra.

2.Raggiunta una certa risoluzione il menu diventa responsive mobile, ovvero compare un pulsante che cliccandolo fa apparire il menu a tendina. Il problema è che viene coperto dalla slide, impedendo la vista del menu stesso. Non mi interessa che sposti la slide, ma almeno che gli vada sopra.

la seconda parte dai 520px in giù (smartphone)
Qui i problemi sono gli stessi. La distanza dei conteiner è sfasata al tal punto che si sovrappongono. Inoltre stesso problema per il menù a tendina di sopra


Spero che mi possiate aiutare, devo finirlo il prima possibile, confido in voi! Grazie

 

[mattex94]

Allora ragazzi ho risolto diversi problemi, mi rimangono sono questi:

1.Raggiunta una certa risoluzione il menu diventa responsive mobile, ovvero compare un pulsante che cliccandolo fa apparire il menu a tendina. Il problema è che viene coperto dalla slide, impedendo la vista del menu stesso. Non mi interessa che sposti la slide, ma almeno che gli vada sopra.

2. Nella risoluzione dai 1920px sino ai 971px, appena si apre su uno schermo con risoluzione 1920px sembra tutto ok, ma se si prova a rimpicciolire sempre rimanendo tra i 1920 e i 971px lo spazio dei due container aumenta.

Spero che qualcuno mi possa aiutare grazie!

 

[mattex94]

nessuno mi sa dare una mano su questi due ultimi problemi rimasti? il sito è www.pastalandia.altervista.org

 

[mattex94]

nessuno che riesca ad aiutarmi??

 

[mattex94]

non c'è proprio nessuno...

 

[nivit]

Ciao,

per il primo punto forse potresti provare ad assegnare un valore negativo alla proprietà z-index degli elementi che coprono il menu.

Esempio:

#wrapper {
   /* ... */
    z-index: -1;
}
.caption {
   /* ... */
   z-index: -1;
}

 

[nivit]

Oppure anche solo

nav {
    /* ... */
    z-index: 6;
}