CSS menus, working with default and custom
Sometimes when we're working in a new web template and we apply styles to its navigation menu, we forget about the existence of default menu, page's listing. The difference between this menu and customs is that WordPress removes the class "menu" to the default menu and assigns it to the <div> (menu's container).
In order to apply styles in an easier way to both menus, you must create a div that contains the main menu and apply the CSS right into the container, in this case top_nav and then ul, so the CSS will be something like this:
[html]
div.top_nav ul -> the styles
[/html]
As for the HTML, it can go in the following way:
[html]
<div class="top_nav">
<?php wp_nav_menu( array('menu' => 'Header Menu' )); ?>
</div>
[/html]
It can also go on this way by making the container within the function's array.
[html]
<?php wp_nav_menu( array('container'=>'top_nav',
Full
DesignShock
Bundle
Get all our collections. Expand
- . More than 2 million individual icons
all grouped in 770 sets with vector source files. - . All icons area editable in their respective source file.
- . 990+ templates and counting.
- . 100.000 design elements.
- . 350+ wordpress themes always up-to-date with latest wp version.
- . 400+ pre-designed Wordpress and HTML themes.
- . support 24/7
- . Weekly updates
