[SIZE=-1]Ich habe ein Problem mit meinem Hauptmenue.
Ich habe einen Slick-Slider direkt unter das Menue eingefügt.
Der div-Container des Slick-Slider liegt jetzt aber teilweise über der Hauptnavigation[/SIZE][SIZE=-1][SIZE=-1] (Dropdown-Menue)[/SIZE] und ist somit nicht mehr anklickbar.
Habe versucht das Problem mit dem z-index des Slick-Slider div's zu lösen, hat aber nicht funktioniert.
Im Anhang ein Bild zum Problem.
Vielleicht kann mir jemand einen Tipp geben, wie das Problem zu lösen ist.
Würde mich freuen.
Die Website allerdings ohne Slick-Slider steht online unter:
http://www.phonar.de
Der Quelltext mit Slick-Slider hier:
HTML
<!DOCTYPE html><html lang="de"><head> <meta charset="utf-8"> <title>Phonar Akustik GmbH</title> <meta name="robots" content="index,follow"> <meta name="language" content="de"> <meta name="description" content="Phonar Akustik GmbH - Hifi Produkte mit überragendem Preis-Leistungsverhältnis. Phonar - Norddeutscher Hersteller von hochwertigen High End Lautsprechern"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Raleway:500|Roboto:300" rel="stylesheet"> <link rel="shortcut icon" href="img/favicon.ico" > <link rel="canonical" href="http://www.phonar.de"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/atmosphere.css"> <link rel="stylesheet" href="css/layout.css"> <link rel="stylesheet" href="css/slick.css"> <link rel="stylesheet" href="css/slick-theme.css"></head><body> <div class="page-wrapper"> <header class="header arrow-down" role="banner"> <div class="logo"><a title="Zur Index-Seite" href="index.html"><img src="img/phonar_logo_90_90.jpg" width="65" height="65" alt="Phonar Logo"></a></div> <a class="toggle-nav" href="#navMain">Menü</a> <div class="headerlinks"> <div class="language"><a href="#"><img src="img/englische_flagge.jpg" title="English" alt="English"></a></div> <div class="facebook"><a href="https://www.facebook.com/Phonar.Akustik/" target="blank"><img src="img/logo_facebook.jpg" alt="Phonar bei Facebook"></a></div> </div> </header> <nav id="nav" class="nav arrow-down"> <ul id="navMain" class="main-nav first-level"> <li><a href="index.html" title="Zur Index-Seite">Home</a></li> <li><a href="firma.html" title="Phonar Akustik GmbH">Unternehmen</a></li> <li class="has-sec-level"><a href="#">Produkte</a> <ul class="sec-level"> <li><a href="veritas_style.html">Veritas Style</a></li> <li><a href="veritas_next.html">Veritas Next</a></li> <li><a href="wireless_hifi.html">Wireless HiFi</a></li> </ul> </li> <li class="has-sec-level"><a href="#">Service</a> <ul class="sec-level"> <li><a href="tipps_tricks.html">Tipps & Tricks</a></li> <li><a href="plz_widget.formular.html">Händlersuche</a></li> <li><a href="international.html">International</a></li> </ul> </li> <li><a href="kontakt.html" title="Kontakt">Kontakt</a></li> </ul> </nav> <div class="main-wrapper"> <main class="main-content" role="main"> <div class="text-slider"> <div class="article-1"> <h3>1. Artikel Überschrift</h3> <p>Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p> </div> <div class="article-2"> <h3>2. Artikel Überschrift</h3> <p>A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. <a href="#" title="Dummy-Link">It va esser tam simplic quam Occidental in fact, it va esser Occidental.</a></p> </div> <div class="article-3"> <h3>3. Artikel Überschrift</h3> <p>Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p> </div> </div> <h1>Phonar Lautsprecher</h1> <p class="teasertext">In jedem Phonar Produkt steckt die Erfahrung aus annähernd 50 Jahren Lautsprecherentwicklung. Seit Anbeginn ist es unser erklärtes Ziel, die Musik durch unsere Produkte so originalgetreu wiederzugeben wie es möglich ist.<br>Durch exzellente Entwicklungsarbeit in Verbindung mit dem Einsatz von hochwertigen Komponenten erhalten Phonar Lautsprecher seit vielen Jahren internationale Anerkennung bei Musikliebhabern. Wir fühlen uns dieser Tradition im Dienste der Musik verpflichtet.</p> <section class="section teaser-articles"> <article class="teaser-box"> <img src="img/veritas_style_speakers.jpg" width="400" height="300" alt="Veritas Style Speakers"> <div class="box-inner"> <h2>Veritas Style</h2> <p>Diese Serie besticht durch ihr modernes Design und den geradlinig klar. Die Style Lautsprecher machen als Stereolautsprecher oder als Heimkino Ensemble eine gute Figur.</p> </div> </article> <article class="teaser-box"> <img src="img/veritas_next_series.jpg" alt="Veritas Next Serie"> <div class="box-inner"> <h2>Veritas Next</h2> <p>Musik besteht weitestgehend aus Emotionen. Die Produkte aus der Veritas Next Serie vermitteln die Vision in die Musik mit eingebunden zu werden. Freuen Sie sich auf detailgetreue Wiedergabe mit einem "Live Effekt".</p> </div> </article> <article class="teaser-box"> <img src="img/wireless_hifi_homesite.jpg" width="400" height="300" alt="Match in One"> <div class="box-inner"> <h2>Wireless HiFi</h2> <p>Ein komplettes Audio Systeme in hoch auflösender Qualität bestehend aus Lautsprecher, Verstärker, Streaming Option und kabelloser Schallübertragung verschafft Ihnen Freiheiten und Zugang zu neuen Musikquellen und innovativen Technologien.</p> </div> </article> </section> </main></div> <footer class="footer" role="contentinfo"> <p class="copy"><a href="impressum.html" title="Impressum">Impressum</a> | <a href="datenschutz.html" title="Datenschutz">Datenschutz</a> | © - 2018</p> </footer> </div> <script src="js/jquery-3.1.1.min.js"></script> <script src="js/togglemenu.js"></script> <script src="js/slick.min.js"></script> <script> $(document).ready(function () { $('#navMain').find('.sec-level').parent().addClass('has-sec-level'); $('#navMain').find('.current').parents('li').addClass('main-nav__item-act'); }); </script> <script> $(document).ready(function(){ // Text-Slider $('.text-slider').slick({ dots: true, autoplay: true, autoplaySpeed: 10000, speed: 1000, }); }); </script></body></html>Hier der Quelltext
[/SIZE]