genesis-menu-header
WordPress Tutorials

Moving the Genesis Menu into the top right Header

You can move the default Genesis primary menu into the header of your page quite easily by adding it via

WordPress Tutorials

Create Another Header-Right Widget Area in Genesis Theme to Display on Certain Posts and Categories

I had to create a separate Genesis Header-Right Widget Area for a client that needed to display different elements in

WordPress Tutorials

Create a PreHeader Full Width Wrap Bar in Genesis Theme

Pre-Header Optin Form and Menu Required If you have a layout that requires a pre-header full content wrap that needs

genesis-header-logo
WordPress Tutorials

Add a Full Width Responsive Header Image to a Genesis Theme

You can add in a full width responsive image header into a Genesis child theme by using the header element

genesis-no-custom-header
WordPress Tutorials

Add a Custom Header Image in Genesis Sample Theme

The Genesis Sample theme does not have a custom Header option in the Appearance sub-menu in WordPress Dashboard unlike all the

genesis-swap-header-right-title
WordPress Tutorials

Swap Header Right and Title/Logo Area in Genesis Sample Theme

How to swap Header Right and the Title/Logo Area mark up structure in Genesis Sample Theme. Genesis themes most of

genesis-remobile-header with header widget
WordPress Tutorials

Adding in Header Widget to Genesis Remobile Theme

By default the header widget area in Genesis Remobile Theme is unregistered but can be simply registered back in for use.

WordPress Tutorials

Switching Primary Menu in Genesis Theme to Header Right on a Permanent Basis

I find that I always, well most of the time, use the header right widget area in Genesis for the

WordPress Tutorials

Adding in a Hello Tool Bar to the Top of a Genesis Theme

How to add in a hello style tool bar to the head of a Genesis theme and make it appear visible

WordPress Tutorials

Adding in a Responsive HTML Logo/Image Header via the Customizer for Genesis

This tutorial looks at replacing the CSS background technique used to display a logo/image in the Genesis framework header with

WordPress Tutorials

Add inline CSS style to existing WordPress Plugin or Theme

WordPress facilitates the use of injecting inline CSS to an existing plugin or themes’ CSS via a function called wp_add_inline_style.

WordPress Tutorials

Adding a Full Width Background Image Behind Genesis Header with Beaver Builder

You can add a full width image background behind the site header in Genesis with Beaver Builder with a couple

WordPress Tutorials

Changing the Genesis Header HTML Structure and MarkUp Code

In Genesis Themes you can completely change the header structure HTML  by overriding the default code from the parent Genesis theme and use

WordPress Tutorials

Remove Genesis Header and Footer Content

Removing the Genesis Header and Footer areas can be accomplished with the following code which removes not only the Genesis

WordPress Tutorials

Create a Middle Header Widget Area for a Genesis Child Theme

Most Genesis themes including the framework/sample theme come with a ‘header right‘ widget area which solves most header layouts, however

WordPress Tutorials

Make the Top Bar Sticky in Beaver Builder Theme

Beaver Builder Theme has the option to make sticky the page header which shrinks after a little scroll and sticks