Mega menu non visibile su Safari

[Openzoc]

Salve,
sto lavorando su questo sito web, e funziona tutto tranne il menu (ice megamenu modulo) che è perfettamente leggibile su firefox e chrome ma su Safari finisce inevitabilmente sotto allo slideshow. Lo stesso problema si presenta anche sull'iPhone
Ho letto sul forum che è possibile usare lo z-index... ma non capisco dove e come inserirlo.
Potreste cortesemente aiutarmi?
Grazie


questo è il link:
https://www.ecocarsonly.com/it/

[ilvanni]

fai una ricerca nel forum, se ne è già parlato

[Openzoc]

Si avevo letto diversi post al riguardo e ho fatto diverse prove inserendo lo z-index nei css del template.
Sicuramente però sbaglio nel posizionarlo.
Sai indicarmi quale è il file css da modificare e quale riga?


grazie

[ilvanni]

...e ho fatto diverse prove inserendo lo z-index nei css del template...

dovresti se non sbaglio agire sul css del menu (ice) non sul css del template del sito

[Openzoc]

Scusami...Quindi dovrei provare a inserire z-index:100;
all'interno del modulo ICE MEGAMENU nella finestra "menu class suffix" ?

[ilvanni]

sì prova ad inserirlo da lì e controlla il risultato ma comunque, come ti ho già detto, dovresti provare ad agire sul css del modulo direttamente; all'inizio sbagliavi perchè agivi sul css del template

[Openzoc]

Ciao
Ho provato ad inserirlo nel menu class suffix, ma non funziona
A questo punto provo a inserirlo, come mi suggerisci tu, all'interno del css del modulo.
Ma devo sostituire:
position: relative  con z-index:100; ?

in tutte le posizioni dove appare  > position: relative?


grazie 1000


/* begin mainmenu */
.icesubMenu .icemega_cover_module {
      float: right;
}


.autoclub_menu {
    margin-top: 15px;
}


.icemegamenu > ul {
   position: relative;
   margin:0;
   padding:0;
   z-index: 999;
   clear: both;
   width: 100%;
   height: auto;
   }
   
   .icemegamenu > ul > li {
      position: relative;
      display: block;
      float: left;}
      
      .icemegamenu > ul > li.iceMenuLiLevel_1 > a:after
      {
         color: #ffffff;
         content: "";
         cursor: default;
         display: none;
         line-height: 0;
         position: relative;
         text-align: center;
         top: -60px;
         z-index: 1;
      }

[ilvanni]

non devi sostituirlo, devi aggiungere la riga alla fine di ogni voce elenco

poi prova a vedere se lasciare il relative come valore position oppure mettere absolute, fai delle prove di visualizzazione

[Openzoc]

Ciao
Ho provato ad aggiungere la riga, ma non cambia nulla.
Mettendo invece absolute al posto di relative si scombina tutto il menu...

[ilvanni]

uhm... lo hai messo al posto giusto?mi sa che dovresti usare anche lo z-order, vedi anche in rete, ce ne sono tante di spiegazioni sullo z-index

[Openzoc]

Ho letto decine di articoli e fatto molte prove. Ho scritto anche molte mail allo sviluppatore del template in quanto ho notato che nella demo del template (visibile online) che ho acquistato, c'è lo stesso problema su Safari.
Inutile dire che non mi ha risposto...

[ilvanni]

e allora forse non funziona su quel modulo, trovane un altro allora