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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems