You will probably need to start customising your theme’s CSS – possibly via a child theme. Try using Firefox with the Firebug add-on for this kind of CSS work.
http://getfirebug.com/
Thread Starter
VDiaz
(@vdiaz)
Thanks appreciate the tip. I do use firefox with the firebug add-on and will create the child theme… still not clear on how to essentially separate the navigation so that there’s two styles for it…
or if there’s another way, such as set the height for only the blue area so that it overflows into the white?
Thread Starter
VDiaz
(@vdiaz)
Ok… I was able to figure it out and divided the nav into two divs, each with the styling that i need.
Question now is how do i control what pages are listed in the 2nd nav bar (.access1 div)? The primary navigation is control via the menu function.
Can someone point me in the right direction?
Here’s the coding for this area:
<div id="access" role="navigation">
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
</div><!-- #access -->
<div id="access1" role="navigation">
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
</div><!-- #access1 -->
thanks again!
how do i control what pages are listed in the 2nd nav bar
For ultimate control, I’d suggest setting up a second custom menu location. See Navigation_Menus
Thread Starter
VDiaz
(@vdiaz)
Thanks! That really helped 🙂 I have the 2nd nav in there but one last thing…
I need to remove the bullets and make it horizontal… i have the coding to add to the style.css for it… but not sure where to add it.
When i add it to the access1, nothing happens…
The code that i added to the header so that it would add this 2nd nav line is:
<div id="access1" role="navigation">
<?php wp_nav_menu( array( 'theme_location' => 'lower' ) ); ?>
If i dont add the styling (for removing the bullet and making it horizontal) to the access1, where does it go?
thanks again for your help!
