WebSite X5Help Center

 
Annibale P.
Annibale P.
User

Menù laterale non risponde a css z-index  it

Auteur : Annibale P.
Visité 970, Followers 1, Partagé 0  

Salve a tutti, uso sempre la vecchia versione 13, ma penso non sia questo la ragione del problema. Spero in un aiuto da qualche anima pia. Come si vede dal link https://www.panan.it/afrodite/online_reservations_test.php premendo sul puldante a destra prenota ora, la finestra che si apre come script va dietro al menu. Ho provato di tutto

<style>
#imMnMn, #imMnMnContainer, #imMnMnGraphics{
z-index:10001 !important;
}</style>

Oppure

<style>#imMnMnContainer{z-index:10000 !important;}</style>

E ancora

<style>
#imCell_1, #imCellStyle_1, #imCellStyleGraphics_1 {
z-index:10000 !important;
}</style>

e svariate altre prove, ma il menu non risponde assolutamete.

Ovvio il codice in proprietà pagina esperto.

Qualche idea?

Grazie a tutti e buon proseguimento.

Posté le
14 RéPONSES - 2 UTILE - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

<style>
.simplybook-widget-button.right {z-index:10001 !important}
</style>

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Annibale P.
Annibale P.
User
Auteur

KolAsim grazie per la dritta, ma non funziona, era una delle prove che poi avevo scartato, ossia funziona a metà. Il menù compre sempre il widget. Ho esportato di nuovo e provato ma il menu non ne vuole sapere di passare "Dietro".

Lire plus
Posté le de Annibale P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non ho capito quale menu, io lo vedo lontano nella barra a sinistra...

... prima il pulsante non era propria attivo, non poteva funzionare,  ed adesso con il codice detto prima funziona...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Annibale P.
Annibale P.
User
Auteur

Infatti, funziona a metà. Prova a ridurre la finestra, il widget finisce dietro la barra del menu a sinistra.

Lire plus
Posté le de Annibale P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ah! ... non avevi detto che si trattava del menu hamburger(!) per le risoluzioni inferiori...
... quindi non ti basta far altro che aumentarlo di un livello:

#imMnMn{z-index:10002 !important}

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Annibale P.
Annibale P.
User
Auteur

Ti ringrazio per l'impegno, ma non va. Sempre davanti sto benetto menu. Avevo provato anche con #imMnMn, #imMnMnContainer, #imMnMnGraphics.... Ma nulla...

Lire plus
Posté le de Annibale P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non so a cosa fai riferimento...
 ... il mio codice vedo che lo hai applicato correttamente, ed online vedo che il menu passa sopra a quel pulsante [Prenota ora], ...quindi per me regolare...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Annibale P.
Annibale P.
User
Auteur

Non mi sono spiegato, se premi su prenota ora, si apre il widget, ora se ridimensioni la pagina il menu di sinistra copre il widget invece di restare sotto come il resto della pagina.

Lire plus
Posté le de Annibale P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ci risentiamo casomai domani, intato prepara qualche STAMP ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Annibale P.
Annibale P.
User
Auteur

Buongiorno, nell'immagine 1 si vede la finestra a schermo intero con il widget, puoi già notare che il menu sulla sinistra non è in secondo piano come il resto della finestra...

Lire plus
Posté le de Annibale P.
Annibale P.
Annibale P.
User
Auteur

Mentre nell'immagine 2 con la finestra ridimensionata si nota chiaramente che il menu sempre sulla sinistra finisce sopra il widget. Ho fatto altre prove ma nulla. Eppure con z-index dovrebbe essere molto semplice. Grazie 1000 come sempre...

Lire plus
Posté le de Annibale P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ...

1) ... prima non funzionava il pulsante per contrasto con altri codici;
2) ... poi hamburger sottostante al pulsante nelle risoluzioni ridotte;
3) ... per ultimo, adesso, lightbox sottostante al menu principale in media risoluzione;

... senza altri codici in contrasto, il tutto viene riparato con questo:

<style>
.simplybook-widget-button.right {z-index:999 !important}
#imMnMn.main-menu { z-index:1000 !important}
.simplybook-widget-overlay.active {z-index:1002 !important}
#sb_main {position:absolute;z-index: 1003 !important}
</style>

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Annibale P.
Annibale P.
User
Auteur

Appena esportata la pagina, PERFETTO!!! Sei un mostro... Se capiti a Roma caffè pagato... Grazie 1000000!!!

Lire plus
Posté le de Annibale P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... controllato il LINK ... OK ...

... accettato il caffè virtuale, ...e grazie a te per il riscontro...

.

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪