Advertisement
Guest User

header nav

a guest
Sep 13th, 2012
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.87 KB | None | 0 0
  1. 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.
  2.  
  3. i believe the current menu is in footer.php...
  4.  
  5. look for * <nav id="access" role="navigation" *
  6.  
  7. delete the whole nav div... and copy this...
  8.  
  9.  
  10.  
  11. <nav id="access" role="navigation" style="float:right; margin-top:35px; margin-top:50px; width:610px; margin-right:5px;">
  12. <?php wp_nav_menu( array( 'theme_location' => 'primary_nav', 'container_id' => 'primary-nav', 'container_class' => 'nav', 'fallback_cb' => 'minimatica_nav_menu' ) ); ?>
  13. </nav>
  14.  
  15.  
  16. now paste that immediately before the end of then end of the Header tag in header.php... all the way at the bottom..
  17.  
  18. mine looks like this...
  19.  
  20.  
  21. <div id="wrapper" class="hfeed">
  22. <header id="header" role="banner">
  23. <div id="centerheader">
  24. <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
  25. <a href="http://yellowrootllc.com/site2"><img src="http://yellowrootllc.com/site2/logo1.png" style="margin-top:-10px;"></img></a>
  26.  
  27. <nav id="access" role="navigation" style="float:right; margin-top:35px; margin-top:50px; width:610px; margin-right:5px;">
  28. <?php wp_nav_menu( array( 'theme_location' => 'primary_nav', 'container_id' => 'primary-nav', 'container_class' => 'nav', 'fallback_cb' => 'minimatica_nav_menu' ) ); ?>
  29. </nav></div><!-- #access -->
  30. </header><!-- #header -->
  31.  
  32. 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>.
  33.  
  34. the css for center header is
  35.  
  36. #centerheader {
  37. margin:0 auto;
  38. width:940px;
  39. height:auto;
  40. }
  41.  
  42. if you keep the same name for that div, just paste last into the very end of style.css...
  43.  
  44. 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...
  45. .nav {
  46. width:609px;
  47. height:24px;
  48. margin:0 auto;
  49. margin-bottom:10px;
  50. font-size:16px;
  51. line-height:24px;
  52.  
  53. }
  54.  
  55. .nav ul {
  56. position: relative;
  57. z-index:597;
  58. float:right;
  59. top:auto !important;
  60. /*bottom:100%;*/
  61. list-style:none;
  62. margin:-5px 0;
  63. }
  64.  
  65. .nav ul li {
  66. float:left;
  67. height:34px;
  68. margin:0;
  69. margin-right:15px;
  70. margin-left:15px;
  71. vertical-align:middle;
  72. text-transform: uppercase;
  73. }
  74.  
  75. .nav ul li.hover,
  76. .nav ul li:hover {
  77. position:relative;
  78. z-index:599;
  79. cursor:default;
  80. }
  81.  
  82. .nav ul ul li a:hover {
  83. position:relative;
  84. z-index:599;
  85. cursor:default;
  86. color:#fff;
  87. text-shadow: black 0.1em 0.1em 0.2em;
  88. }
  89.  
  90. .nav ul ul {
  91. visibility:hidden;
  92. position:absolute;
  93. top:100%;
  94. left:-10px;
  95. z-index:598;
  96. min-width:190px;
  97. margin-bottom:5px;
  98. background-image:url(http://yellowrootllc.com/site2/img/backsubnav.png);
  99. background-repeat:repeat;
  100. border-top:#CCC 1px dotted;
  101. font-size:14px;
  102. }
  103.  
  104. .nav ul ul li {
  105. float:none;
  106. min-height:27px;
  107. max-height:27px;
  108. height:auto !important;
  109. margin:0;
  110. padding:0 10px;
  111. border-bottom:#CCC 1px dotted;
  112. }
  113.  
  114. .nav ul ul ul {
  115. bottom:-10px;
  116. left:99%;
  117. }
  118.  
  119. .nav ul ul ul {
  120. }
  121.  
  122. .nav ul li:hover > ul {
  123. visibility:visible;
  124. color:#c9b69a;
  125. }
  126.  
  127. .nav ul li a {
  128. display:inline-block;
  129. padding:5px 0;
  130. color:#555;
  131. text-decoration:none;
  132. font-weight:bold;
  133.  
  134. }
  135.  
  136. .nav ul li a:hover {
  137. display:inline-block;
  138. padding:5px 0;
  139. color:#c9b69a;
  140. text-decoration:none;
  141. font-weight:bold;
  142.  
  143. }
  144.  
  145. 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