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 in Genesis Sample.
This is mainly for small devices having max-width of 959px. To set it for global, follow Slide in-out Responsive Menu forever in Genesis Sample and Slide in-out Menu in left, Title Area Logo in center and header widget in Right forever in Genesis Sample.
Prerequisite:
- Enable js no js classes in Genesis.
- Read - Move menu toggle in left and Title Area Logo in center in Genesis Sample
- Read (not Required) - tagged with left menu.
Let's start.
STEP 1
The first step is to convert the default responsive mobile menu to slide out menu which is default in the right.
- Follow Slide in-out Responsive Menu in Genesis Sample.(Mobile only)
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.
To view the full content, please sign up for the membership.
Already a member? Log in below or here.