StudioPress released a new theme “Revolution Pro”. This theme have two menu locations: Left Menu & Right Menu. Menu items of both Left Menu & Right Menu location are appearing at left & right side of the logo respectively. When clicking on the Hamburger Menu button on mobile device, menu items of Left Menu location are coming at below the menu items of Right Menu location. In this tutorial I shall show how you will swap the Left Menu items above the Right Menu items without editing the responsive-menus.js file for mobile device only.
Creating Left & Right Menu
- Navigate to Appearance -> Menus page
- Creates two menus: One for Left Menu and another for Right Menu
- Adds these two menus to appropriate menu location
In desktop My header is looking like this attached image
Reposition the Left & Right Menu for Mobile Device
It is a very easy task. We shall not add/edit any JQuery script into the revolution theme’s file. We shall just add small PHP snippet into the functions.php file. Open the functions.php file of the revolution pro theme and drop this PHP code at end of the file.
The rest of the content is available for Pro members. Click on the PAY NOW button to enable access to this content.