How to select a different design for the Header Main Area on mobile devices? (Pro)

The Zakra Pro Add-On enables you to set where the Site Identity and the Navigation Menu are positioned on the Header Main Area on Mobile Devices.

From your WordPress Dashboard, navigate to the Appearance > Customize > Header > Header Main Area section.
Select one of the six options underneath Style : Mobile.
Click on Publish.

Available Mobile Style Options

First option: The Default Layout.
Second option: Site Identity on the Left and Navigation Menu on the Right.
Third option: Site Identity above the Navigation Menu and both at the Center.
Fourth option: Site Identity on the Right and Navigation Menu on the Left.
Fifth option: Site Identity above the Navigation Menu and both on the Left.
Sixth option: Site Identity above the Navigation Menu and both on the Right.

The Third option is shown in the image below:

Updated on: 14/10/2020