• 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

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 logo, widget area and search form however you can add any type of content you like.

The bar looks like this before page scroll :

Utility Bar Before Header

And this when scrolled :

Remove Before Header Utility Bar On Page Scroll

See how it displays on mobiles in the following demo video :

Demo Video #

Shows the utility bar displaying before the site header and removed on scroll. Stacks the centers the elements in any order you choose on mobiles.

Code Installation #

There’s only 2 steps :

Step 1 – Copy the PHP code from the functions file to the end of the Genesis Sample themes functions file.

Register for full access

Related Tutorials

  • Before Header Utility Bar In Monochrome Pro
  • Add Utility Bar Before Site Header Removed On Scroll – Eleven40 Pro
  • Menu Bar Before Header Which Displays Smaller Logo On Scroll

CSS Grid Columns Custom Logo

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.