Customizing the navigation menu

The included CSS with the Superfish plugin makes creating an interactive navigation menu quick and simple, but a soft blue menu isn't going to fit into every design, so let's take a look at how we can customize the menu.

We're going to take a look at how we can customize the look of the menu by writing our own CSS, customize the animation for showing the nested menus, highlight the current page, and enhance the hover behavior of the menu.

We're going to get started by writing some CSS to create a custom look for our menus. We're going to use the Suckerfish Dropdown approach to create a menu that will work for our site visitors who don't have JavaScript enabled. I'd like to create a soft gradient background and have ...

Get jQuery for Designers Beginner's Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.