Jezweb created a custom plugin to position the navigation menu to the right of the canvas header while maintaining the canvas logo at the left.

Pre-requisite:

Canvas Logo Left and Menu Right plugin should be saved in the local drive. You can download the plugin here

Step 1 Login to your WordPress control panel

Step 2 In this tutorial we will add 3 pages for the menu. Go to Pages > Add New

Step 3 We will create 3 pages namely Home, About, and Contact Us. To create the Home page, Enter the title as Home then click Publish


Step 4 Refer to Step 3 in creating the About and Contact Us page.

Step 5 Once all pages are created, we will add the pages to the menu. In the sidebar, go to Appearance Menus

Step 6 Tick on the box for the 3 pages and click Add to Menu


Step 7 You should see the pages under Menu Structure. Enter the menu name, in this case, enter primary menu then click Save Menu. You can drag the pages to reposition.


Step 8 Go to your online site and you should see the menu that you created.


Step 9 We will install the plugin. Go to Plugins > Add New > Upload


Step 10 Click Choose File then locate the zip file canvas-menu-right.zip from your local drive then click Install Now.


Step 11 Click Activate Plugin to start using it. Go to your online site and you will see the logo on the left and the menu will automatically be moved to the right of the logo.