Build Your Own Business Website header image

BYOB 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 CSS-Tricks Style Navigation Menu Part 5 – Style the Third Menu Item

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we show how to style the third menu item with the border style, link background style and color, hover and current background style and link, hover and current border style. And we discuss how each of these menu items affect the appearance of the site. So I’m going to do this one

How to Create a CSS-Tricks Style Navigation Menu Part 4 – Style the Second Menu Item

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to style the second menu item. We set up the images and the colors and configure the link background style. We configure each link state separately and allow the current border style to be styled differently. Okay so the next thing to do is to kind of move along

How to Create a CSS-Tricks Style Navigation Menu Part 3 – Style the First Menu Item

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to style the first menu item in our Thesis Nav Menu plugin options page. We customize the background image and color, link background style, hover background style and current background style. Okay so that’s that. Although very interestingly, the height here is very different because the height includes the

How to Create a CSS-Tricks Style Navigation Menu Part 2 – Setup Typical Menu Item Style

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we show how to setup the typical menu item styles in the BYOB Thesis Nav Menu plugin options. We create the background image for the menu in photoshop and finish by using our BYOB Full Width Backgrounds plugin to style the background of the menu. So now that we have that image

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.

How to Convert a Static HTML Site to Thesis Part 6 – Style the Menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to use our Thesis Navigation Menu Plugin to add special styling to the menu. We customize the overall height and width, and overall background using a background image. We use the typical menu item styles to add padding and margin and the typical background styles. We also show how

Lesson 8 – Part 7 – Install the BYOB Thesis Simple Nav Menu Plugin

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In order for us to make the two menus identical, we are going to be using the BYOB Thesis Simple Nav Menu Plugin. If you've explored the site at all, you may have discovered that at our Member Benefits, we have plugins that I've designed to make styling a Thesis site easier. BYOB Thesis Plugins

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.