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 in the custom logo add theme support function call.

In this example, we are going to display a 200 x 200 pixels image at 100 x 100. Therefore, let's set the width and height to 200px each.

i.e., in functions.php change

// Adds custom logo in Customizer > Site Identity.
add_theme_support(
    'custom-logo', array(
        'height'      => 120,
        'width'       => 700,
        'flex-height' => true,
        'flex-width'  => true,
    )
);

to

// Adds custom logo in Customizer > Site Identity.
add_theme_support(
    'custom-logo', array(
        'height'      => 200,
        'width'       => 200,
        'flex-height' => true,
        'flex-width'  => true,
    )
);

b) At the end of the file, add