Hamburger Menü WordPress Yerinde Çalışmıyor

İşte benim sitesidir işe yaramıyor.Hamburger Menü WordPress Yerinde Çalışmıyor

Kodu kopyalayıp HTML bölümünden header.php'ye kopyaladım. Öğreticiden gelen kod div class = "mobile nav" ile başlar ve ilgili div ile biter. Ayrıca, header.php dosyasını eğiticiden gelen javascript koduna bağlamak için

<script src="javascript.js"></script>

ekledim. Javascript.js, çocuk temasına yüklendi. Yanlış yapmış veya kadarıyla

@media screen and (min-width: 780px) .menu-btn div {

Yani emin değilim:

<?php 
/** * Header template * * @package Portfolio Press */?> 
<!DOCTYPE html> 
<html <?php language_attributes(); ?>> 
<head> 
<meta charset="<?php bloginfo('charset'); ?>"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="profile" href="http://gmpg.org/xfn/11"> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> 

<script src="javascript.js"></script> 

<!--[if lt IE 9]> 
<script src="<?php echo esc_url(get_template_directory_uri() . 
'/js/html5.js'); ?>"> 
</script><![endif]--> 

<?php wp_head(); ?></head><body <?php body_class(); ?>><div id="page"> 
<header id="branding"> 
<div class="col-width"> 
<?php $heading_tag = (is_home() || is_front_page()) ? 'h1' : 'div'; ? 
>   

<div class="logo">    
<a href="<?php echo esc_url(home_url('/')); 
?> 
"rel="home">      
<img src="<?php echo esc_url(portfoliopress_get_option('logo')); ? 
>" alt="<?php echo bloginfo('name') ?>"> 
</a>    
</div>   

<div class="site-description">    
<h1 id="pets">DRAW YOUR PETS</h1>    
<h3 id="italic">-The Creative Side- 
</h2>   
</div>   
<div class="clear clearfix"> 
</div>   
<div class="site-navigation primary-navigation" role="navigation"> 

<div class="mobile-nav"> 
<div class="menu-btn" id="menu-btn"> 
<div></div> 
<span></span> 
<span></span> 
<span></span> 
</div> 

<div class="responsive-menu"> 
    <ul> 
     <li><a href="http://drawyourpets.com/"> 
     HOME</a> 
     </li> 
     <li> 
     <a href="http://drawyourpets. 
     com/index.php/audio/"> 
     AUDIO 
     </a> 
     </li> 
     <li><a href="http://drawyourpets.com/index.php/video-3/"> 
     VIDEO 
     </a> 
     </li> 
     <li> 
     <a href="http:// 
     drawyourpets.com/index.php/other/"> 
     OTHER</a> 
     </li> 
     </ul> 
    </div> 
</div> 

<?php wp_nav_menu(array('theme_location' => 'primary', 'menu_class'| 
=> 'nav-menu')); ?>   

</div> 
<div id="main">  
<div class="site-wrapper">

Bunun yanı sıra, sadece yukarıda bu medya sorgusu ile Çocuğum tema stil sayfası içine öğreticisindeki CSS eklendi düzeltmek için ne yapmam gerekiyor. Eğer herhangi bir fikriniz varsa bana bildirin. Teşekkürler!

kaynak

2016-03-31 HappyHands31

<script src="javascript.js"></script>

İlk olarak, yol yanlış; 404;

<script src="<?php bloginfo('template_url'); ?>/js/javascript.js"></script>

bloginfo ('template_url'); Bu sizin temanızdır, javascript.js dosyasını ilgili yola

olarak yükleyebilirsiniz. İkinci olarak, "javascript.js" nin "jquery.js" olması gerekir; Yani bunu "jquery.js" nin arkasına eklemelisiniz.

kaynak

2016-03-31 02:56:17

Bununla ne demek istiyorsunuz yukarıda

<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>

? Javascript.js dosyasını jquery.js olarak değiştirmem gerekir mi? - Bunu denedim ve hiçbir şey olmadı. – HappyHands31

http://adriennecoleman.drawyourpets.com/javascript.js bu sizin js, 404 –

doğru yolu –

Hayır, sadece jQuery dosyaları ekleyin. Bu ekleme: javascript.js

kaynak

2016-03-31 03:07:09 filosofikode

"Yukarıdaki you javascript.js" ile ne demek istiyorsun? Bu, bunu yazdığım anlamına mı geliyor? /Js/javascript.js "> – HappyHands31

Evet, sadece bir hata bulursanız deneyin ve tekrar gönderin :) – filosofikode

Hamburger Menü WordPress Yerinde Çalışmıyor

cevap

İlgili konular