I'm having trouble getting a custom menu to work in my Wordpress theme. Although I've enabled the feature and added the menu to my layout successfully, the CSS styling for the menu doesn't seem to be applying.
I initially had a custom CSS file named NAV which I tried to use, but then I resorted to copying and pasting the CSS code from the Twenty Eleven theme into my own CSS file called access. However, no matter what I do, the navigation style remains unchanged. Perhaps it's an issue with my embed code. Here's what I have:
<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'access', 'menu_class' => 'access' ) ); ?>
Here is the HTML generated by this code:
<div class="access">
<ul id="menu-home" class="access">
<li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10"><a href="http://www.studentbridges.org/new/sample-page/">About Us</a>
<ul class="sub-menu">
<li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a href="http://www.studentbridges.org/new/sample-page/history/">History</a>
</li>
</ul>
</li>
</ul>
</div>
And here is the relevant CSS code:
#access {
background: #222;
/* additional styling rules */
}
#nav {
height:45px;
/* additional styling rules */
}
I'm struggling to figure out why the CSS isn't being applied correctly. Any advice or suggestions would be greatly appreciated!