Slide in-out Menu in left, Title Area Logo in center and header widget in Right forever in Genesis Sample

This tutorial provides the steps to create a slide in-out responsive menu in left, Title area having the logo in the center and header widget area in Right for global i.e. for all devices (forever) in Genesis Sample.

Prerequisite:

1. Enable js no js classes in Genesis.
2. Read - Move menu toggle in left and Title Area Logo in center in Genesis Sample
3. Read (not Required) - tagged with left menu.

Let's start.

STEP 1

The first step is to enable responsive menu for desktop too, then convert the default responsive menu to slide out menu which is default in the right.

• Follow Slide in-out Responsive Menu forever in Genesis Sample.

STEP 2

It is assumed that you have a working slide in-out responsive menu now. We are going to move the menu toggle to the left and title area(logo) to the center.

Add this additional Required CSS in style.css of your child-theme.