This tutorial provides the steps to move menu toggle in left and Title Area having Logo in the center in Genesis Sample.
What we can add in Header Right?
- We can enable the header right widget and use any widget or custom content.
- We can add Header Search in Genesis.
- We can add cart like WooCommerce Add to Cart Button to Menu with Offscreen content like Outfitter Pro.
- We can create Offscreen widget area in Genesis Sample.
not limited.
This is For smaller devices and responsive menu for forever. Add the following in style.css
.title-area { float: none; padding: 0; margin: 0 auto; } .title-area { float: none; padding-bottom: 25px; padding-top: 25px; text-align: center; margin: 0 auto; } .menu-toggle { float: left; line-height: 1.4; margin-bottom: 10px; padding: 15px 0; margin-top: -60px !important; position: relative; z-index: 9999; }
under max-width 959px.
@media only screen and (max-width: 959px){ }
if responsive menu is not get for all screens.
To set it for Desktop and more options, Follow tutorials related, tagged with center logo, left menu, slide in-out menu.