Build Your Own Business Website header image

Navigation Menu

How to Add Product Categories to the Menu and the Sidebar in Shopp

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session, we show how to add product categories to the menu and sidebar in Shopp. For the menu we go to Appearance and then add pages and product categories to a menu. For the sidebar, we show how to use a category widget to achieve the desired result. It is possible to have

How to Create Multiple Menus with Multiple Drop Down Levels – Part 4 – Create a New Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

This is the fourth video in a tutorial series on how to create multiple WordPress menus with multiple drop down levels. In this session, we show how to create a new menu. In WordPress 3.0 you can add a menu by going to the Appearance > Menus and click the Plus Sign Button (+) on

How to Create Multiple Menus with Multiple Drop Down Levels – Part 2 – Create the Drop Down Menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

This is the second video in a tutorial series on how to create multiple WordPress menus with multiple drop down levels. In this session, we show how to create menus with multiple drop downs where some of the top level menu items are not clickable but the items below them are clickable. Video Transcript Rick:

Create a Vertical Navigation Menu Using an Unordered List in a Text Widget

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

In this session, we show to add an unordered list for a vertical navigation menu then we place it in a text widget. Well, I looked through most of the videos on the plugins. I'm trying to work with banner and basically, I didn't get to the Advanced Navigation Menu video. Going back to your

Fine Tune the Width and Location of the Navigation Menu

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

A member has a navigation bar on her website that doesn’t line up with the header above it. We inspect the menu’s elements in Firebug and adjust the style using Edit CSS on Web Developer to get the navigation menu to look right. To do this we adjusted the margin on the .custom .menu and

How to Add an Additional Menu to the Footer in Thesis

Difficulty Level -

Filed Under Topics - , , , , ,

Listed Under Lesson Subjects - ,

We demonstrate how to add a navigation menu to the footer of web page in our to our Community Library Case Study site. We create an administrative menu in the dashboard under Appearance and Menus and then we add a new function to our custom_functions.php to add this menu to the footer. We use the

Multilingual Website Case Study Part 6 – Add the Language Specific Menus

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

This is the sixth in a series of live lessons on using WordPress and Thesis as a Multilingual Content Management System (CMS). In this lesson we create the function that allows us to switch between different languages. We get the new post meta, we use the new WordPress 3.1 function called “meta_query” and we create

Community Library Website Case Study – Part 18 – Add WordPress 3.0 Menus

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

Applies to - ,

This is the eighteenth in a series of live lessons on using WordPress and Thesis as a Content Management System (CMS). In this session we configure and add WordPress 3.0 menus to the site in order to display lists of our custom post types and custom taxonomies. And so the next thing we want to

Indicating the Current Page on the Thesis Nav Menu

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

A member wants to indicate on her customized navigation menu that a visitor is at the current page in the menu. Thesis has settings for this and they are set by default. She has replaced the Thesis default background colors with a background image. She has also attempted to add a background image to the

Rounded Tabs in the Navigation Menu

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

A member has added rounded corners to his top level navigation menu items using the border-radius property of CSS3.  Unfortunately it also is adding those rounded corners to his sub-menu items which doesn’t look right.  He wants to retain the rounded corner for the main menu items but remove them from the rest of the

How to customize the appearance of the navigation menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

A member asked about positioning the Thesis Navigation Menu and adding background images as backdrop in navigation bar. We discussed lessons available on the site and looked a various configurations for the Navigation Menu.  Included in the video is a discussion of: Resources available in BYOB Video Lessons for nav customization How to position your

Troubleshoot Unordered List Style Navigation

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

This member is trying to format 2 types of navigation menus.  The first is created by means of an unordered list.  The second is created with image links.  We look at the css code used to create the navigation menu and tweak it to center the menu in the available space.  We also tweak the