This members-only tutorial provides the steps to set up a nav menu having the site logo at the center in Genesis Sample 3.4.1. 960px and above: 959px and below: At smaller viewports we shall set the logo to appear the left with the hamburger menu at the right. Step 1 Upload your logo image at […]
Split Nav
Split Navigation in Genesis Sample
This members-only tutorial provides the steps to display primary navigation menu at the left, title area in the middle and secondary navigation menu at the right in Genesis Sample. Between 960px and 1399px (inclusive) we shall center the site header elements one below the other. 959px and below, it will appear as usual. with the menu expanded Tested in Genesis Sample […]
Split Nav Menus in Navigation Pro
This premium members-only tutorial provides the steps to reposition the secondary menu from the footer to header upload an image logo use CSS Grid to position the primary menu at the left, logo image in the middle and secondary menu at the right set search icon to be added to the secondary menu instead of […]
Split Navigation in Infinity Pro
This members-only tutorial provides the steps to set up primary menu, title area and secondary menu horizontally centered using CSS Grid in the header of Infinity Pro based on this earlier tutorial. If you wish to purchase this tutorial individually, click here. We shall combine primary and secondary menus inside the hamburger menu 800px and […]
Split Navigation in Genesis Sample 2.8.0
This members-only tutorial provides the steps to display primary navigation menu at the left, title area in the middle and secondary navigation menu at the right in Genesis Sample 2.8.0. Between 960px and 1399px (inclusive) we shall center the site header elements one below the other. 959px and below, it will appear as usual. Tested […]
Split Navigation in Genesis Sample 2.6.0
Update on 19 Sep 2021: Updated tutorial here. This is an updated version of Split Navigation with menu items on logo’s left and right in Genesis tutorial, customized and tested in the current latest Genesis Sample, 2.6.0. in iPhone 6/7/8: Step 1 a) Decide the size of your image logo and specify twice its dimensions […]
Split Navigation in Dynamik
A user requested for an updated tutorial for centered logo, split menu in header, like Modern Studio Pro, in Dynamik. This tutorial covers implementing split navigation with menu items on logo’s left and right in Dynamik. Responsive view: Step 1 At Genesis > Dynamik Design > Header a) set Header Minimum Height to 0 b) […]
Split Navigation with menu items on logo’s left and right in Genesis
April 24, 2018: The tutorial on this page is for an older version of Genesis Sample. For v2.6.0 and above, follow this instead. The theme version is yet to be updated. Updated on July 03, 2017 If you’d like to purchase a theme version of this tutorial, get it here. In the past, I wrote […]
Split navigation in Aspire Pro
A user asked, I want to change the layout of this theme http://demo.appfinite.net/aspire/. The site title/description is to the left and the menu to the right. I want to have the site/description moved to the middle with the menu items on right and on the left of the site title/description. In this tutorial, I share […]
Recent Comments