Member Login

You are not currently logged in.






» Register
» Lost your Password?

Thesis Nav Menu

BYOB Thesis Navigation Menu Plugin

Our Thesis Navigation Menu plugin gives you total control over the appearance of the navigation menu. With it you can move the menu, make the menu span the full width of the page, center the menu, or simply change some of the default text styling. This plugin also works for WordPress menus if you’ve chosen [...]

Difficulty Level -

Listed Under Lesson Subjects - , ,

Watch the Video →

How to remove the Thesis Header Image and Navigation Menu from a specific page

In this session we show how can you remove Thesis Header Image, Page Title, Thesis footer and Thesis Sidebars from a specific page using the BYOB Thesis Landing Pages plugin. We also show how to remove Thesis Nav from a specific page using BYOB Thesis WP Menus plugin.

Watch the Video →
Watch Lesson 10 - Part 1 Video

Lesson 10 – Part 1 – Understanding the Structure of the Thesis Navigation Menu

Understanding the Structure of the Thesis Navigation Menu Welcome to Lesson 10 of the Build Your Own E-Commerce Website tutorial series. The goal of this tutorial series is to show you how to create a fully functional ecommerce website using WordPress, Thesis and WP eStore. This is the fourth of the tutorials on styling your [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →
Watch Part 1 Video

Part 1 – Create a Background Image for the Thesis Navigation Menu

Running Time – 7:38

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →
Watch Part 2 Video

Part 2 – Write the CSS to Add the Background Image

Running Time – 11:41

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →
Watch Lesson 10 - Part 2 Video

Lesson 10 – Part 2 – Configure Thesis Navigation Menu Design Options

Configure Thesis Navigation Menu Design Options Welcome back to part two of Lesson 10 of the Build Your Own E-Commerce Website tutorial series. In this lesson we are going to configure Thesis Design Options for the navigation menu. First, I want you to take a look at our example to see what we’re trying to [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →
Watch Lesson 9 - Part 2 Video

Part 2 – Move Thesis Navigation Menu Below Header

Move the Thesis Navigation Menu Below the Header Welcome back to Part 2 of lesson 9. In this part of the lesson we are going to move the navigation menu from above the header to below the header similar to the way it is here on my site. I’m going to open up Firefox. This [...]

Difficulty Level -

Listed Under Lesson Subjects - ,

Watch the Video →
Watch Part 3 Video

Part 3 – Apply the Menu Style to Specific Pages

Running Time – 3:57

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →
Watch Lesson 10 - Part 3 Video

Lesson 10 – Part 3 – Add Custom Styling to Menu Text

Add Custom Styling to the Navigation Menu Text Welcome back to part three of Lesson 10 of the Build Your Own E-Commerce Website tutorial series. In this lesson we are going to style the text that is inside the navigation menu with custom styling. We’re going to start by using Firefox to identify what we’re [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Lesson 6 – Part 4 – The Structure of the Thesis Navigation Menu

Watch Lesson 6 - Part 4 Video

The Structure of the Thesis Navigation Menu Welcome back to Part 4 of Lesson 6 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we’re going to discuss how inheritance and specificity apply to the Thesis Nav menu. Thesis Navigation Menu – How Inheritance and Specificity Affect It The [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →
Watch Lesson 10 - Part 4 Video

Lesson 10 – Part 4 – Configure Size and Spacing of Menu Items

Configure Size and Spacing of Navigation Menu Items Welcome back to the fourth and final part of Lesson 10 of the Build Your Own E-Commerce Website tutorial series. In this part of the lesson we are going to configure the navigation tabs so that they are equal size, equally spaced, and sitting in the right [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Lesson 6 – Part 5 – Classes Thesis Applies to the Navigation Menu

Watch Lesson 6 - Part 5 Video

Classes Thesis Applies to the Navigation Menu Welcome back to Part 5 of Lesson 6 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we’re going to look at how specificity and inheritance in CSS influence the structures of the Thesis Nav menu. Earlier we said that the Thesis [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Lesson 6 – Part 6 – Specificity in the Structure of the Navigation Menu

Watch Lesson 6 - Part 6 Video

Specificity in the Structure of the Navigation Menu This lesson is a continuation from the previous part 5, CSS Specificity and Inheritance in the Thesis Navigation Menu, lesson of our Customize Thesis Like a Pro video tutorial series. Connection of Elements to Classes in CSS Now let’s take a look at the connection of elements [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Lesson 6 – Part 7 – Classes Thesis Applies to the Navigation Menu

Watch Lesson 6 - Part 7 Video

Classes Thesis Applies to the Navigation Menu Welcome back to Part 7 of Lesson 6 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we are going to finish our examination of CSS specificity and inheritance in Thesis by looking at the classes that Thesis adds to each menu [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Lesson 6 – Part 8 – Examples of Styling Elements of the Thesis Navigation Menu

Watch Lesson 6 - Part 6 Video

Examples of Styling Elements of the Thesis Navigation Menu Welcome back to the eighth and final part of Lesson 6 of the Customize Thesis Like a Pro tutorial series. In this final part of the lesson, we are going to look at specific examples of styling individual navigation menu items using the classes that Thesis [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Lesson 10 – Creating the Floating Boxes Navigation Menu

In this video tutorial we will learn how to create the “floating boxes” style of the Thesis Navigation Menu. This is the fourth of the tutorials on styling your new ecommerce website as part of the Build An E-Commerce Website tutorial series. In this tenth lesson we will use both Thesis Design Options and some [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

Fine Tune the Width and Location of the Navigation Menu

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 [...]

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Watch the Video →

How to customize the appearance of the navigation menu

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 [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Watch the Video →

Add a Background Image to the Thesis Navigation Menu

Thumbnail image for Add a Background Image to the Thesis Navigation Menu

Adding background images in the Thesis Navigation Menu can be an easy way to spice up your website. In this video tutorial we will learn how to add a background image to your Thesis Navigation Menu. We will be adding a gradient image to the menu so that it extends from one side of the [...]

Difficulty Level -

Listed Under Lesson Subjects -

Watch the Video →

How to Configure Thesis Navigation Menu as Buttons Using CSS3 Gradients

In this session we show how to create individual buttons in the navigation menu using a CSS3 Gradients button generator and applying the code to a simple Thesis menu. We also show how to configure the size, hover, padding and spaces of the buttons. Video Transcript The next thing we’re going to do is make [...]

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

Watch the Video →