Sridhar Katakam

Genesis and WordPress Tutorials

Logo at the left and Nav Menu at the right in Essence Pro

by Leave a Comment

This members-only tutorial provides the steps to customize Essence Pro to have a logo image appear at the left and navigation menu at the right in the site header.

1201px and above
1200px and below

Tested in Essence Pro 1.3.0.

Step 1

Let's remove the search from the header.

In /wp-content/themes/essence-pro/lib/header-functions.php, comment out the following:

add_action( 'genesis_header', 'essence_header_left_widget', 9 );

by changing it to

// add_action( 'genesis_header', 'essence_header_left_widget', 9 );

Step 2

Edit style.css.

a) Depending on the number of menu items in your nav menu, the menu might appear in two lines earlier than it ideally should.

Therefore let's trigger the mobile hamburger menu earlier.

Change

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

>