Tag Archives: menu

menu

CSS: Cross Browser WordPress Horizontal CSS Menu

Cascading Style Sheets (CSS) is becoming so powerful that we no longer need to use javascript for the mouse hovering events, nor we need to use images to make our web beautiful. With the new CSS3, There are number of properties that adds very cool look to our websites. Some of those are transitions, gradients, shadows and rounded corners. Although, none of these are supported in older versions of Internet Explorer but they do die gracefully.

Snippet: Remove or replace one ore more classes from wordpress menu

Add following snippet to “functions.php” Snippet Result “sub-menu” class is removed from the generated navigation and “current-menu-item” class will be replaced with “current”.

highlight current menu

CSS: Highlight Current Page in Menu

Add following snippet to “style.css” Snippet Result

CSS: Add first and last menu item class to menus

Navigation menus are important part any website. If you want to apply a css class to the first and last part of menu item then here is the code snippet.