CSS menus, working with default and custom - Design Shock
DesignShock is the biggest bundle/subscription you can find in one place including icons, avatars, graphic elements, GUI packs, design sets and both web and print templates. All of them are ready and easy to use, for any purpose, created as they have been ,as organized vector based files, for over 10 years of work in partnership of 4 different sites: IconShock, ThemeShock, TemplateShock and ByPeople.

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

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