Split Navigation in Infinity Pro (Old)

Updated on March 02, 2021

This tutorial covers implementing Split Navigation with menu items on logo’s left and right in Genesis tutorial in Infinity Pro.

Screencast:

Tested in Genesis 3.3.3 and Infinity Pro 1.3.2.

Step 1

Edit Infinity Pro's config/theme-supports.php.

a) Locate

'custom-header'                   => [
    'width'           => 400,
    'height'          => 130,
    'header-selector' => '.site-title a',
    'header-text'     => false,
    'flex-height'     => true,
],

and change 400 and 130 to twice the desired display size of your logo (header image, to be technically correct)'s width and height respectively.

Ex.: To display a 100 x 100 image, I've changed the above to:

'custom-header'                   => [
    'width'           => 200,
    'height'          => 200,
    'header-selector' => '.site-title a',
    'header-text'     => false,
    'flex-height'     => true,
],

b) Add the following at the end: