• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Logo Inline With Mobile Menu In Genesis Child Themes

You can add this CSS to the end of your Genesis child themes style.css file to move your mobile menu inline with your custom logo or site title when your responsive menu displays like this :

By default, most Genesis menu’s center when mobile which normally happens between 800 – 960 px screen width. This code moves the mobile toggle menu inline with your title area regardless of whether you choose to display your site title or a custom logo;

Demo Video

Shows the Genesis mobile menu displaying inline with the title area on mobile screens.

Tested using Infinity Pro versions 1.1.4, 1.2.0, 1.3.1, 1.3.2 and Genesis Sample theme version 3.4.1.

Will work in most Genesis child themes.

Register for full access

Related Tutorials

  • Infinity Pro Header Image & Nav Menu Inline When Responsive

CSS Grid Columns Custom Logo Header Image

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.