Build Your Own Business Website header image

Thesis Nav Menu

How to Create a Dropline Style Menu in Thesis Part 4 – Final Adjustments

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we make final adjustments to the menu style using custom code and our Thesis Nav Menu plugin settings. We center the bullets using the position property, fix the arrow and adjust the margins in the Nav Menu plugin settings. Rick: 25 pixels. And this could be the case where we need to

How to Create a Dropline Style Menu in Thesis Part 3 – Style the Submenu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to create submenu styles using our Nav Menu plugin. Then we switch to custom styling using relative and absolute positioning to complete the design style. We discuss how the CSS position property works and then show how to apply both relative and absolute positioning to the menu to create

How to Create a Dropline Style Menu in Thesis Part 2 – Create the Top Menu Level Styles

Difficulty Level -

Filed Under Topics - ,

Applies to -

In this session we show how to create the top menu level styles using the Nav Menu under Thesis Design Options and our Thesis Nav Menu plugin. We set the font styles and colors, set up the typical menu item styles, setup the link background style, make the background color transparent. Rick: So what we’re

How to Create a Dropline Style Menu in Thesis

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Using our Thesis Horizontal Header Layout plugin, Thesis Nav Menu plugin and custom CSS we show how to create a dropline menu style where the drop menu displays horizontally instead of vertically. We discuss how the CSS position property works and show how to apply both relative and absolute positioning to the menu to create the dropline effect.

Lesson 5 – Part 7 – Style the Main Nav Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

I'm going to do one other thing and that is to style this top navigation menu. We're going to start off with design options and we will be doing some of these in custom CSS but we'll start by just doing what we can in Thesis Design Options. The font family is going to be

Troubleshooting Styling Issues with the Full Width Backgrounds and Thesis Nav Menu Plugins

In this session we troubleshoot styling issues with the Full Width Backgrounds and Thesis Nav Menu plugins. We have to create a background image instead of using a background color in order to use the plugins together and not specify a height to the header area so that it can accommodate everything that’s in it.

Lesson 2 – Part 5 – Understanding the Thesis Header & Nav Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

A number of people noticed that I misspelled functions and you might wonder why it didn't fail because I've misspelled functions here. The reason why it didn't fail primarily is that I'm defining the value of this and I could name this anything I want. I can name this FISHSTICKS and it would still work

How to Create Multiple Menus with Multiple Drop Down Levels – Part 3 – Style the Menus

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

This is the third 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 different menu styles. Using the BYOB Thesis WP Menus, you can add up to eight different menu styles and apply them to as many different menus

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.

The Use of Image Sprites in the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

In this session we address a member’s question about how to create a Thesis navigation menu that uses image sprites. We talk about how CSS image sprites are used, show what they look like on a website and how they can be used to create a nice navigation menu layout. Rick: Okay so the next

Creating a Full Width Header Using BYOB Thesis Plugins – Part 3 Configure the Nav Menu Plugin

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

This is part 3 of 6 in a series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to configure the navigation menu using features available in the BYOB Thesis Navigation Menu plugin. A bit and now I definitely want to move this down and I want to

Creating Full Width Header Using BYOB Thesis Plugins – Part 5 Add Sprite Image to Nav Menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

This is part 5 of 6 in a series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to add an image sprite to the navigation menu using a set of images created in Photoshop. These images represent the current state, hover state, and link states in the

How to Configure Thesis Navigation Menu as Buttons Using CSS3 Gradients

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

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. The next thing we’re going to do is make these individual

How to Add CSS3 Gradients to the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - , ,

In this session, we show how to style and add CSS3 gradients to the Thesis navigation menu using a button generator and coping and pasting the code to custom CSS. We also show how to adjust and style the buttons by writing some additional CSS. The first thing we’re going to do is we’re going

How to Add an External Link to the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

This member asks how to add a link to another website to her menu. We use the Thesis 301 Redirect feature to create a page and a menu link that then links off to another site. So then you asked the question, “Can a page title just link?” I don’t know what that means. Well,

How to Modify the Width of the Submenu Items in the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

This member asks how to increase the length of the drop down submenu items in the Thesis Nav Menu. I demonstrate using Nav Menu settings in Thesis Design Options to make this modification. You have a site with the drop down menu where the width is too small, how can I modify the width of

How to Prevent the Thesis Navigation Menu from Being Covered by the Multimedia Box

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

This member asks how to prevent the dropdown elements of the Thesis Nav Menu from being covered up by the content in the Multimedia Box. In his situation a YouTube video covers up the drop down menu items. I demonstrate how to add the z-index property to the menu to insure that it stays on