O'Reilly logo

Drupal 7 Theming Cookbook by Karthik Kumar

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Styling the Main menu

Now that we have a menu at our disposal, let us look at styling it. In this recipe, we will look at how to go about theming the menu via CSS when using the myzen theme.

Getting ready

We will be using the myzen theme created earlier in this book as the example theme in this recipe. The menu items used are those created in the previous recipe.

How to do it...

By inspecting the markup of the page, we should be able to verify that the Main menu in the myzen theme is contained within a DIV with ID as navigation. It is important to use tools such as Firebug to familiarize ourselves with the structure of this element and its contents in order to theme it efficiently. The markup in our example theme looks something as shown in the following: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required