Skip to content
View functions.php
<?php
//* Do NOT include the opening php tag
//* Remove the site footer
remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
remove_action( 'genesis_footer', 'genesis_do_footer' );
remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );
//* Customize the site footer
add_action( 'genesis_footer', 'bg_custom_footer' );
View style.css
/* Sticky Message
---------------------------------------------------------------------------------------------------- */
.sticky-message {
background-color: #333;
font-size: 16px;
opacity: 0;
padding-bottom: 20px;
padding-top: 20px;
position: fixed;
View sticky-message.js
jQuery(function( $ ){
// Add reveal class to sticky message after 100px
$(document).on("scroll", function(){
if($(document).scrollTop() > 100){
$(".sticky-message").addClass("reveal");
} else {
View functions.php
<?php
//* Do NOT include the opening php tag
//* Enqueue scripts and styles
add_action( 'wp_enqueue_scripts', 'mobile_first_sticky_message_scripts' );
function mobile_first_sticky_message_scripts() {
wp_enqueue_script( 'mobile-first-stickey-message', get_bloginfo( 'stylesheet_directory' ) . '/js/sticky-message.js', array( 'jquery' ), '1.0.0' );
}
View functions.php
<?php
//* Do NOT include the opening php tag
//* Hook sticky message before site header
add_action( 'genesis_before', 'mobile_first_sticky_message' );
function mobile_first_sticky_message() {
genesis_widget_area( 'sticky-message', array(
'before' => '<div class="sticky-message">',
'after' => '</div>',
View functions.php
<?php
//* Do NOT include the opening php tag
//* Register sticky message widget area
genesis_register_sidebar( array(
'id' => 'sticky-message',
'name' => __( 'Sticky Message', 'bg-mobile-first' ),
'description' => __( 'This is the sticky message widget area.', 'bg-mobile-first' ),
) );
View style.css
body {
background-color: #fff;
color: #333;
font-family: 'freight-text-pro', serif;
font-size: 22px;
font-weight: 300;
line-height: 1.5;
margin: 0;
}
View style.css
body {
background-color: #fff;
color: #333;
font-family: Neuton, serif;
font-size: 22px;
font-weight: 300;
line-height: 1.5;
margin: 0;
}
View sample.js
<script src="//use.typekit.net/xsb7hzk.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
View functions.php
<?php
//* Do NOT include the opening php tag
wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Montserrat:400,700|Neuton:300,700', array(), CHILD_THEME_VERSION );
Something went wrong with that request. Please try again.