Status
Not open for further replies.

Bob ho

Active Member
65
2010
5
0
I have this wordpress theme and I need some one to edit it so I can use it as a menu, this theme does not have a menu instead it lists pages can some one edit it so I can put menu with DROPDOWN




s682tf.jpg



here is the theme

Code:
   [URL]http://www.mediafire.com/?26vv37eewfy7aww[/URL]
Thanks
 
15 comments
WP Menu Code

First, back up your theme.

1. Paste this on functions.php

function register_my_menus() { register_nav_menus( array( 'header-menu' => __( 'Header Menu' ) ) ); } add_action( 'init', 'register_my_menus' );

2. Put this on our header.php inside menu div (or whatever it's called)

<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

3. Style it using css, check your dashboard menu and create one. Enjoy!
 
Ok.. Well yeah you are going to have to add some code in as people above have stated. A few tutorials will guide you :) would save you getting others to do it for you.

---------- Post added at 02:34 AM ---------- Previous post was at 02:32 AM ----------

Ok.. Well yeah you are going to have to add some code in as people above have stated. A few tutorials will guide you :) would save you getting others to do it for you. I would do it for you but I currently am not on my laptop, using my iphone. If no one has done this in a few hours I will do it for you
 
Yeah Drop down is available on the Black bar not the orange one on top, but Orange one does not work as a menu so I want that to be a menu with drop down
 
CSS code

Yeah that's what I mean and ICE I tried that but I don't know how to edit css properly can someone do it?

So the only problem you have now is the CSS, correct?

Here it is the CSS from twenty twelve
Code:
/* Navigation Menu */
.main-navigation {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    text-align: center;
}
.main-navigation li {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.42857143;
}
.main-navigation a {
    color: #5e5e5e;
}
.main-navigation a:hover {
    color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: inline-block;
}

Your navigation should be inside the div

Code:
<nav id="site-navigation" class="main-navigation" role="navigation">
     NAVIGATION HOOK HERE
</nav><!-- #site-navigation -->

Hope that helps!
 
Status
Not open for further replies.
Back
Top