Custom Logo

The tutorials in this archive relate to the use of the custom-logo function add_theme_support( 'custom-logo' ); which is added via functions.php and uses the Site Identity setting in the customizer as opposed to the add_theme_support( 'custom-header' ); function which uses the Site Header setting in the customizer. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

3 Ways To Change Logo On Scroll Using jQuery In Genesis Sample Theme

The code in this download folder contains 3 different methods which enable you to use jQuery with PHP to change your image on scroll or

Different Logo For Posts In Each Category – No Plugin Required

This code snippet enables you to use a different logo for posts in each category as well as the category archive page, no plugin required.

Custom Logo For Single Posts In Each Category & Category Page

This code snippet enables you to display a unique logo on both single posts in each category as well as the category archive page

Custom Logo For Each Category Archive Page

This code snippet enables you to add a different custom logo for each category archive page in any Genesis child theme. The code is

Change Logo Size On Scroll

This solution enables you to change your logo size on scroll on desktops only. When mobile ( less than 960px width ), a smaller version of

Menu Logo Menu In Genesis Sample Themes Header

This solution adds left and right menus inline with your custom logo like this : Tested using version 2.10 of the Genesis Sample child

Scroll Remove Utility Bar Before Header In Genesis Sample Theme

This code in this download folder adds a utility bar before the default site header in the Genesis Sample theme. In this case, it adds a

Add Utility Bar Before Site Header Removed On Scroll – Eleven40 Pro

This code adds a 2nd header before the default header. The 2nd header includes a clickable logo, smaller than the default header image as

Add Site Title After & Inline With Logo In Genesis Sample Child Theme

This solution displays your site title after your custom logo like this : Watch the following demo video to see how it works on desktops

Replace Site Title With Logo on Smaller Screen Widths

This solution enables you to remove the the site title and replace it with the custom logo at any screen width. #Demo Video Tested

Replace Logo With Site Title On Scroll

This solution enables you to remove your header image and replace it with the site title & description when you scroll down like you see

Site Title & Description Before Header Image In Genesis

The solution in this tutorial displays your site title, your site description and then your header image like you see in the following

Different Custom Logo On Front Page in Genesis

This code enables you to show a different logo on the front page compared to whats shown elsewhere. The code uses the custom-logo function

3 Ways To Change Logo On Scroll Using jQuery In Genesis Sample Theme

Menu Logo Menu In Essence Pro

Align Logo Left With Menu Right In Essence Pro