Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- to move the menu to the top... *save a copy of each file you alter...just incase... your gonna have to mess with the css, if you get stuck, reply, and i will send you mods for your site specifically, but i need to see it in there first.
- i believe the current menu is in footer.php...
- look for * <nav id="access" role="navigation" *
- delete the whole nav div... and copy this...
- <nav id="access" role="navigation" style="float:right; margin-top:35px; margin-top:50px; width:610px; margin-right:5px;">
- <?php wp_nav_menu( array( 'theme_location' => 'primary_nav', 'container_id' => 'primary-nav', 'container_class' => 'nav', 'fallback_cb' => 'minimatica_nav_menu' ) ); ?>
- </nav>
- now paste that immediately before the end of then end of the Header tag in header.php... all the way at the bottom..
- mine looks like this...
- <div id="wrapper" class="hfeed">
- <header id="header" role="banner">
- <div id="centerheader">
- <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
- <a href="http://yellowrootllc.com/site2"><img src="http://yellowrootllc.com/site2/logo1.png" style="margin-top:-10px;"></img></a>
- <nav id="access" role="navigation" style="float:right; margin-top:35px; margin-top:50px; width:610px; margin-right:5px;">
- <?php wp_nav_menu( array( 'theme_location' => 'primary_nav', 'container_id' => 'primary-nav', 'container_class' => 'nav', 'fallback_cb' => 'minimatica_nav_menu' ) ); ?>
- </nav></div><!-- #access -->
- </header><!-- #header -->
- if you'll notice above i have messed with the logo, and directly put it in... you do not have to do that... however, I would put everything in a div...mine from above is "centerheader". make sure to close the div after </nav>.
- the css for center header is
- #centerheader {
- margin:0 auto;
- width:940px;
- height:auto;
- }
- if you keep the same name for that div, just paste last into the very end of style.css...
- in regards to the dropdowns... i dont remember which setting i changed in each css declaration... there was a bunch of them....so you could replace the following in style.css..change sizes and urls....and once again, make a backup first...
- .nav {
- width:609px;
- height:24px;
- margin:0 auto;
- margin-bottom:10px;
- font-size:16px;
- line-height:24px;
- }
- .nav ul {
- position: relative;
- z-index:597;
- float:right;
- top:auto !important;
- /*bottom:100%;*/
- list-style:none;
- margin:-5px 0;
- }
- .nav ul li {
- float:left;
- height:34px;
- margin:0;
- margin-right:15px;
- margin-left:15px;
- vertical-align:middle;
- text-transform: uppercase;
- }
- .nav ul li.hover,
- .nav ul li:hover {
- position:relative;
- z-index:599;
- cursor:default;
- }
- .nav ul ul li a:hover {
- position:relative;
- z-index:599;
- cursor:default;
- color:#fff;
- text-shadow: black 0.1em 0.1em 0.2em;
- }
- .nav ul ul {
- visibility:hidden;
- position:absolute;
- top:100%;
- left:-10px;
- z-index:598;
- min-width:190px;
- margin-bottom:5px;
- background-image:url(http://yellowrootllc.com/site2/img/backsubnav.png);
- background-repeat:repeat;
- border-top:#CCC 1px dotted;
- font-size:14px;
- }
- .nav ul ul li {
- float:none;
- min-height:27px;
- max-height:27px;
- height:auto !important;
- margin:0;
- padding:0 10px;
- border-bottom:#CCC 1px dotted;
- }
- .nav ul ul ul {
- bottom:-10px;
- left:99%;
- }
- .nav ul ul ul {
- }
- .nav ul li:hover > ul {
- visibility:visible;
- color:#c9b69a;
- }
- .nav ul li a {
- display:inline-block;
- padding:5px 0;
- color:#555;
- text-decoration:none;
- font-weight:bold;
- }
- .nav ul li a:hover {
- display:inline-block;
- padding:5px 0;
- color:#c9b69a;
- text-decoration:none;
- font-weight:bold;
- }
- i dont know all that you have done to your site, but like i said, get it that far, and hit me back if something is wrong...
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement