Home » Documentation » Getting Started Guide » Site Navigation » Drop-Down Menu Customization Tool

Drop-Down Menu Customization Tool

This page allows creating the stylesheet for the drop down top menu. Edit the parameters in the form and the CSS output will update. The sample menu shows how your menu will look like with your design.

Instructions:

  1. Modify the parameters in the form.
  2. When you're happy with the design, copy the code from the box below to your theme's stylesheet file.
  3. If you later need any further changes, copy back the CSS from your stylesheet file and paste in the box below. The form will update with your design.

Important: your stylesheet must load after the call to wp_head(), so that it determines the menu's appearance.

Main Items Font Size Color BG Color Bold Italic
Default
Active
Hover
Sub Items  
Default
Active
Hover
Group
Element Top Pad Right Pad Bottom Pad Left Pad Line Height
Main Items
Sub Items
 

To edit an existing design, copy your CSS and paste over the CSS in the box above. Then, click to load from CSS. The styling parameters will update according to the values in your CSS.