This tutorial shows you how to reposition the primary nav menu to the right inline with the custom logo on the left using the Essence Pro child theme by StudioPress.
The solution is mobile responsive as seen in the demo video.
Also, the method used doesn’t require any modification of the default code in Essence Pro.
Here’s the result for the desktop view :
Demo Video #
Shows the custom logo to the left and the primary nav menu moved so its inline with the logo on desktops and centered below the logo on smaller screens.
There’s 3 steps :
# Step 1 – Upload your logo using Customize > Site Identity > Logo.
# Step 2 – Copy & paste the PHP code from the functions.php file to the end of the Essence Pro themes functions file.