Wordpress Navigation - Dropdown Gizlemek & Hover

[WolfmanTR_]

Merhaba, bir tema yazıyorum ve Menü itemlarını göstermeye çalışıyorum.Aslında menü itemlarını gösteriyorum ancak sub item(dropdown) şeklide göstermeyi yapamadım.Yani item'ın altında açık bir şekilde gelmiyor item.

 

    <div class="navbar-fixed">
    <nav class="navbar-tp">
      <div class="nav-wrapper">
      <div class="container">
        <a href="<?php bloginfo('url'); ?>" class="brand-logo logo"></a>
        
         <?php
        wp_nav_menu(array(
          'menu'       => 'primary',
          'menu_class' => 'right hide-on-med-and-down'

        ));
      ?>
     <?php
        wp_nav_menu(array(
          'menu'       => 'primary',
          'menu_class' => 'side-nav',
          'menu_id' => 'mobilemenu',
          'items_wrap'      => '<ul id="slide-out" class="%2$s">%3$s</ul>'  
        ));
      ?>
      <a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
        </div>
      </div>
    </nav>
  </div>

html ver.

<div class="navbar-fixed">
    <ul id="dropdown1" class="dropdown-content navbar-tp ddwnTop">
  <li><a href="#!">one</a></li>
  <li><a href="#!">two</a></li>
  <!--<li class="divider"></li>-->
  <li><a href="#!">three</a></li>
</ul>
    <nav class="navbar-tp">
      <div class="nav-wrapper">
      <div class="container">
        <a href="#!" class="brand-logo logo"></a>
        <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
        <ul class="right hide-on-med-and-down">
          <li><a href="sass.html">Sass</a></li>
          <li><a href="badges.html">Components</a></li>
          <!-- Dropdown Trigger -->
      <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Dropdown<i class="material-icons right">arrow_drop_down</i></a></li>
        </ul>
        <ul class="side-nav" id="mobile-demo">
        <li><a href="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">Javascript</a></li>
        <li><a href="mobile.html">Mobile</a></li>
      </ul>
        </div>
      </div>
    </nav>
  </div>

[abdullahTR]

 

Merhaba, bir tema yazıyorum ve Menü itemlarını göstermeye çalışıyorum.Aslında menü itemlarını gösteriyorum ancak sub item(dropdown) şeklide göstermeyi yapamadım.Yani item'ın altında açık bir şekilde gelmiyor item.

 

    <div class="navbar-fixed">
    <nav class="navbar-tp">
      <div class="nav-wrapper">
      <div class="container">
        <a href="<?php bloginfo('url'); ?>" class="brand-logo logo"></a>
        
         <?php
        wp_nav_menu(array(
          'menu'       => 'primary',
          'menu_class' => 'right hide-on-med-and-down'

        ));
      ?>
     <?php
        wp_nav_menu(array(
          'menu'       => 'primary',
          'menu_class' => 'side-nav',
          'menu_id' => 'mobilemenu',
          'items_wrap'      => '<ul id="slide-out" class="%2$s">%3$s</ul>'  
        ));
      ?>
      <a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
        </div>
      </div>
    </nav>
  </div>

html ver.

<div class="navbar-fixed">
    <ul id="dropdown1" class="dropdown-content navbar-tp ddwnTop">
  <li><a href="#!">one</a></li>
  <li><a href="#!">two</a></li>
  <!--<li class="divider"></li>-->
  <li><a href="#!">three</a></li>
</ul>
    <nav class="navbar-tp">
      <div class="nav-wrapper">
      <div class="container">
        <a href="#!" class="brand-logo logo"></a>
        <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
        <ul class="right hide-on-med-and-down">
          <li><a href="sass.html">Sass</a></li>
          <li><a href="badges.html">Components</a></li>
          <!-- Dropdown Trigger -->
      <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Dropdown<i class="material-icons right">arrow_drop_down</i></a></li>
        </ul>
        <ul class="side-nav" id="mobile-demo">
        <li><a href="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">Javascript</a></li>
        <li><a href="mobile.html">Mobile</a></li>
      </ul>
        </div>
      </div>
    </nav>
  </div>

http://www.adobewordpress.com/wordpress-icin-dropdown-menu-nasil-hazirlanir
https://perishablepress.com/css-dropdown-menu-wordpress/

Edited January 20, 2016 by abdullahTR