javascript responsive menu

I’m trying to implement a responsive menu on my site.Just throwing out a hook here

Cannot get it fully functional. Right now I have two versions, each covering separate parts, but doesnt work to combine to one menu.

The firts topnav displays the resposnive version correctly, but wont get the non responsive links right.

<div id="navigation-wrapper">
	<div id="navigation-wrapper-2">
		<div class="center-wrapper">
	
			<div id="navigation">

        <div class="topnav" id="myTopnav">
                
         <li<?php if ( is_home() ) : ?> class="current_page_item"<?php endif; ?>><a href="<?php echo get_option('home'); ?>">Hem</a></li>
      
     
            <?php wp_list_pages('title_li=&depth=1'); ?>
       
        </div> 

      </div>   

        <div id="navigation">

				  <ul class="topnav" id="myTopnav">
					 <li<?php if ( is_home() ) : ?> class="current_page_item"<?php endif; ?>><a href="<?php echo get_option('home'); ?>">Home</a></li>
              <?php wp_list_pages('title_li=&depth=1'); ?>
         
					 <a href="javascript:void(0);" class="icon" onclick="myFunction()">☰</a>
						
				  </ul>

        </div>

    </div>      
   
  </div>

</div>

• This topic was modified 6 years, 11 months ago by Jan Dembowski.
• This topic was modified 6 years, 11 months ago by Steven Stern (sterndata). Reason: fixed backticks