How to make Custom Walker for wp_nav_menu() for materialize framework

I’ve made something like this:

    <div class="navbar-fixed"> 
   <nav>
        <div class="nav-wrapper">
            <a href="#!" class="brand-logo"><?php _e('Logo', 'newborn'); ?></a>
            <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
            <ul class="right hide-on-med-and-down">
                <?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>
            </ul>
        <ul class="side-nav" id="mobile-demo">
          <?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>
        </ul>

        </div>
    </nav>
        </div>

Plus this css:

.menu ul{display: none;}
.menu li:hover ul{display: block;}

And now it works….BUT!

Still issue No.4 which i said on the top exist (special when i add home link into navbar) and the dropdown menu is not so pretty! it’s so simple without any change with their parent links.

Related Posts:

  1. How to insert spaces/tabs in text using HTML/CSS
  2. How to change btn color in Bootstrap
  3. Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
  4. How to make the HTML link activated by clicking on the
  5. ?
  6. force footer on bottom on pages with little content
  7. How do I right align div elements?
  8. CSS text-align not working
  9. How can I insert vertical blank space into an html document?
  10. What is the difference between “screen” and “only screen” in media queries?
  11. How to have an anim gif on a link and play it on hover and reset
  12. How can I make Bootstrap columns all the same height?
  13. Align text to the bottom of a div
  14. How to make a