Skip to the content
WP SITES
Code for Genesis and WooCommerce Tutorials
  • Checkout
  • Cart
  • Log in
  • Contact
  • Support
  • Premium Tutorials
  • Log in
Categories
Genesis Tutorials

Logo Inline With Mobile Menu In Genesis Child Themes

  • Post author By Brad Dalton
  • Post date March 27, 2022
  • No Comments on 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
  • Tags CSS Grid Columns, Custom Logo, Header Image

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • WooCommerce Code
  • Account
  • Consulting
  • Genesis
  • Contact
  • Terms
  • Tags
  • Monthly Membership
  • Yearly Subscriptions
  • Log in

© 2010 - 2023 WP SITES

Powered by Brad Dalton

To the top ↑ Up ↑
 

Loading Comments...