This code adds a countdown timer to the site header or nav menu in the latest version of the Genesis Sample child theme.
Order of Header Elements
The solution in this tutorial includes CSS which enables you to re-order the stacking of site header elements at specific screen widths including the title-area, countdown timer and genesis-responsive-menu divs.
Video Demo
Shows the countdown timer displaying in the Genesis header and centered after the site title before the responsive toggle menu icon on smaller screens.
Tested using the Genesis Sample child theme by StudioPress. CSS may need tweaking for use in other Genesis child themes.
Register or login to access the code :