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
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.
Vertical Align Title Area & Menu On Desktops & Mobiles
The solution in this download folder enables you to add a logo of any size and vertically align it with your nav menu like this : This
Center Site Header Elements On The Same Line
The code in this download folder perfectly centre's your site title or logo next to your nav menu as well as vertically aligned on desktops
How To Add Your Site Title In Your Nav Menu
This code enables you to add your site title within your nav menu like this : In this screenshot, the site title displays within the
Change Custom Header Image On Mobiles In Gallery Pro
The solution in this download folder enables you to display a custom header image on smaller screens. As seen in the demo video, your
Menu Logo Menu Using CSS Grid In Newer Versions of Genesis Sample Theme
This tutorial adds a custom left and right menu that work with your custom logo and display inline using CSS grid. If you're using a new
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
Essence Pro Logo Menu Search Perfectly Inline
This CSS enables you to display your logo, menu & search form inline like this : You can also display the header elements in any
Menu Logo Menu In Essence Pro
This solution enables you to modify the default Essence Pro site header elements to display a menu logo menu like this : Centers either
Align Logo Left With Menu Right In Essence Pro
This tutorial shows you how to reposition the primary nav menu to the right inline with the custom logo on the left using the Essence Pro
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
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
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
Menu Bar Before Header Which Displays Smaller Logo On Scroll
The code in this download folder creates a 2nd site header with custom links before the default site header in the Genesis Sample child
You must be logged in to post a comment.