• 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

Change Logo To Site Title When Responsive Menu Displays & Add Logo To Mobile Menu

This solution replaces your custom logo with the site title at the same time the Genesis responsive menu is displayed.

Your logo will then display within the responsive drop down menu, before the menu items.

Custom Logo Displays When Screen Width More Than 960px
Site Title When Screen Width Less Than 960px

Watch the following demo video to find out how it works :

Demo Video #

Shows the logo replaced by the site title when the Genesis responsive menu is active at 960px width. Also shows the logo added inside the responsive menu before the menu items. All header elements are centered on mobile screens including the site title, description and mobile menu toggle icon.

Tested using the Genesis Sample child theme by StudioPress.

Code Installation #

There’s only 1 step :

Register for full access

Custom Logo Nav Menu

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.