Adding the custom Navbar and Menu

In this tutorial we will make sure our theme users will be able to easily manage the main menu in our WordPress theme. To do this, our navbar needs to support the Appearance -> Menu functionality that WordPress provides out-of-box. We will also use a Font Awesome icon for our logo until we setup the theme options.

You need to have an active subscription to view this content.

Register Here!

WordPress Toolbar CSS for Fixed and Static Navigations

In this tutorial I go over some CSS that needs to be added to our WordPress theme based on the position of the navigation to work with the WordPress toolbar. This is determined by the users theme options selection from the WordPress dashboard. If the WordPress toolbar is enabled and the user has a fixed navigation, it might overlap. To fix this, we just add a little CSS to target the fixed navbar.

You need to have an active subscription to view this content.

Register Here!

Adding Fixed/Static and Inverse/Default Header Theme Options

In this tutorial you will learn how to add a "Header" section to the WordPress theme options panel. In this theme options section, we will add two different switches to allow your theme users to edit the Bootstrap navigation/navbar.

The first switch will enabled or disable the fixed navbar. If the theme user enables the fixed navbar setting, the navbar on the front-end of the site will stay fixed at the top of the browser window. If this option is disabled, the navbar will be static. The second switch will allow the user to enable/disable the Bootstrap inverse navbar styles.

You need to have an active subscription to view this content.

Register Here!