Menù a comparsa nascosto da wowslider 
Autore: Alessandro L.
Visite 1427,
Followers 1,
Condiviso 0
Buona sera, ho inserito wowslider come slideshow nell'home page e per renderlo "attivo" ( nel senso che se ci clicchi sopra ti collega ad un url, ci sono i pulsanti avanti e indietro ) ho dovuto togliere del codice html important.
Così facendo però il menu a comparsa appare sotto di wowslider.
http://www.charme.vibovalentia.it/home.html
Devo scegliere tra menu a comparsa oppure slideshow funzionante o meglio c'è una soluzione che me le fa funzionare entrambre ?
Postato il
ma il link su wowslider non funziona solo dal momento che appare il menù a comparsa?
altrimenti funziona?
Autore
Ciao Mirko ! grazie di aver risposto.
Esatto, ECCO QUI SOTTO IL CODICE.
_____________________________________
<style>
/* impostazioni di pagina distanza Slide full e menù */
#wowslider-container1{top: 70px; z-index: -1 ! important;}
/* distanza contenuti pagina della HOME da Slide */
#imContent {margin-top: 105px;}
</style>
_____________________________________
Come vedi qui sopra il menu a comparsa funziona correttamente ma wowslider è in secondo piano e quindi non è possibile cliccarci su ne sono presenti le freccie per scorrere.
Se invece tolgo "important" si ottiene il risultato attuale che puoi vedere adesso.....del menu a comparsa che "scompare dietro wowlsider.
ma se come dici funziona, ma non con il menu a comparsa, dovrebbe andar bene...
dal momento che clicco sul menu, non clicco di certo su wowslider, perchè in teoria clicco per cambiar pagina...
e poi secondo me quel codice dovrebbe essere per un menu orizzontale e non per quello a comparsa...
Autore
Magari fosse così. Allora fino ad esso il menù sul sito non era visibile giusto ?
Guarda adesso che tolgo important come il menu torna visibile ma dallo slideshow spariscono le freccie e non ci puoi cliccare sopra http://www.charme.vibovalentia.it/home.html
Autore
Cioè mi spiego meglio, così il menu è visibile ma lo slide show passa in secondo piano e non posso ne cliccare sulle immagine per ricondurmi agli url collegati ne posso cliccare sule freccetta per passare le immagini avanti e dietro....
Alessandro prova a mettere lo z-index: 0 vediamo che succede
/* impostazioni di pagina distanza Slide full e menù */
#wowslider-container1{top: 70px; z-index: -1 !important;
.. altro consiglio che ti posso dare poi valuta tu, se riesci prova ad utilizzare l'oggetto swiper grid slider riesci senzaltro ha controllare meglio la posizione essendo un'oggetto avrai meno problemi di wowslider, vedi tutorial sotto
https://www.giancarloweb.it/blog/index.php?swiper-grid-slider-full
Per Alessandro M.
Firefox e Chrome segnalano un errore sul tuo codice
Firefox:
Caricamento non riuscito per lo <script> con sorgente “https://www.googletagmanager.com/gtm.js?id=GTM-T6M75ZC”
Chrome:
Failed to load resource: the server responded with a status of 404 ()
www.googletagmanager.com/gtm.js?id=GTM-T6M75ZC:1
Questo errore potrebbe riflettersi sugli altri codici inseriti