Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : Openzoc 27 Jun 2019, 11:28:29

: Mega menu non visibile su Safari
: Openzoc 27 Jun 2019, 11:28:29
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/ (https://www.ecocarsonly.com/it/)
: Re:Mega menu non visibile su Safari
: ilvanni 01 Jul 2019, 11:50:08
fai una ricerca nel forum, se ne è già parlato
: Re:Mega menu non visibile su Safari
: Openzoc 01 Jul 2019, 16:31:25
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


: Re:Mega menu non visibile su Safari
: ilvanni 02 Jul 2019, 11:29:36
...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
: Re:Mega menu non visibile su Safari
: Openzoc 02 Jul 2019, 13:52:24
Scusami...Quindi dovrei provare a inserire z-index:100;
all'interno del modulo ICE MEGAMENU nella finestra "menu class suffix" ?

: Re:Mega menu non visibile su Safari
: ilvanni 03 Jul 2019, 12:18:22
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
: Re:Mega menu non visibile su Safari
: Openzoc 03 Jul 2019, 14:19:52
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;
      }
: Re:Mega menu non visibile su Safari
: ilvanni 08 Jul 2019, 08:46:26
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
: Re:Mega menu non visibile su Safari
: Openzoc 08 Jul 2019, 12:02:24
Ciao
Ho provato ad aggiungere la riga, ma non cambia nulla.
Mettendo invece absolute al posto di relative si scombina tutto il menu...

: Re:Mega menu non visibile su Safari
: ilvanni 08 Jul 2019, 14:47:53
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
: Re:Mega menu non visibile su Safari
: Openzoc 08 Jul 2019, 16:54:52
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...
: Re:Mega menu non visibile su Safari
: ilvanni 09 Jul 2019, 09:38:47
e allora forse non funziona su quel modulo, trovane un altro allora