Hallo zusammen,
ich stehe grade völlig auf dem Schlauch. Ich will jquery loswerden und mein Hamburger-Menu mit einer CSS-Pseudoklasse realisieren. (Wordpress)
Hier der Code:
HTML
<a href="#popout">
<img src="XYZ.png" alt="Show" />
</a>
<div id="popout">
<?php
wp_nav_menu( array(
'theme_location' => 'header-menu',
'container' => '',
'fallback_cb' => '__return_false'
) );
?></div>
Alles anzeigen
und hier der zugehörige CSS-Code:
Code
#popout {
position: fixed;
height: 100%;
width: 250px;
background: rgb(25, 25, 25);
background: rgba(25, 25, 25, .9);
color: white;
top: 0px;
left: -250px;
overflow:auto;
}
#popout:target {left: 0px;}
Alles anzeigen
Mit einem Script funktioniert das Menü tadellos, aber mit der Pseudoklasse bekomme ich das Menü nicht eingeblendet. Der Link auf die Sprungmarke wird richtig angezeigt, aber es passiert nichts beim Klicken auf das Icon...
Kann mir jemand auf die Sprünge helfen? Danke schonmal!