I’ve just updated and refreshed the previously released template called “Gadget“. The new template, “Gadget 2.0” has been rewritten and optimized to support custom menus, social media and custom sized header images. You can also enable a horizontal flyout menu across the top and bottom of the header (as seen in the screenshot below – Click the image to view the live demo site for this template).
Above: “Gadget” (version 2.0) Click to see the live demo site!
How to enable the flyout menus across the top and bottom of the header area
If you have built your website with JumpStart Pro, you will already have a custom header menu that’s been created for you. You can manage this menu at “Appearance > Menus” where you’ll see a list of all your custom menus as seen below (scroll down to see what the numbers mean):
1) When you click on “Appearance > Menus”, you will see the WordPress custom menu manager. From here, you can…
2) Create a new custom menu – Click the + sign to create new custom menus. You will add items to the menu using the boxes on the left side which hold “Posts”, “Pages” and “Categories” to name a few. Just select the items you want to add, then click “Add to Menu”. You can also create flyout menus, by simply dragging the menu items below one another to create an outline.
3) Theme Locations – The ClickBump theme has two primary custom menu locations: The “Header” menu and the “Footer” menu. When you assign one of your custom menus here, the theme will display it automatically. You can also apply these menus to your site via “Custom Menu” widgets that you drag into sidebars via “Appearance > Widgets”
4) Save – Once you are done with your custom menu, always remember to click “Save” to save your changes. As of version 3.2.1 of WordPress, there is no auto-save feature for custom menus. Also, one slight hassle with custom menus is that if you delete or rename a post, page or category using the post, page or category editor, the custom menu does not automatically reflect the change. You’ll need to manually do this yourself. Hopefully the WordPress engineers will fix this in a future update.
How to create the custom menu under the header
To create the menu you see in the screenshot (the one with the blue background), I created a new Custom menu, using the steps described above, then saved it as “Categories” (you can see it in the red circle adjacent to the #2 item in the 2nd screenshot above). I then applied this menu to a “Custom Menu” widget that I placed into the ClickBump theme’s “Header” sidebar. Finally, in case I had any items assigned to the “menu-top” layout category, I enabled the option to move the top menu items from the header over to the sidebar at “ClickBump > Layout > Move > Top menu items to sidebar“.
Wrapping it all up:
- Create a new menu containing your menu items and save it as described above
- Go to “Appearance > Widgets” and drag a “Custom Menu” widget over into the sidebar labeled “Header”.
- Select your menu from the “Select Menu” pulldown inside the widget and click “Save” as seen below
Note: If you are a current owner of Gadget, the version 2.0 update is included at no cost via your downloads page.