diff --git a/includes/class-displayfeaturedimagegenesis-output.php b/includes/class-displayfeaturedimagegenesis-output.php
index db8a709..157fb78 100644
--- a/includes/class-displayfeaturedimagegenesis-output.php
+++ b/includes/class-displayfeaturedimagegenesis-output.php
@@ -113,12 +113,13 @@ class Display_Featured_Image_Genesis_Output {
remove_action( 'genesis_before_loop', 'genesis_do_author_title_description', 15 );
remove_action( 'genesis_before_loop', 'genesis_do_cpt_archive_title_description' );
+ echo '
';
+ echo '
';
- echo '
';
$displaysetting = get_option( 'displayfeaturedimagegenesis' );
$move_excerpts = $displaysetting['move_excerpts'];
- // if move excerpts is enabled
+ //* if move excerpts is enabled
if ( $move_excerpts && ! in_array( get_post_type(), Display_Featured_Image_Genesis_Common::omit_excerpt() ) ) {
Display_Featured_Image_Genesis_Description::do_front_blog_excerpt();
@@ -142,7 +143,16 @@ class Display_Featured_Image_Genesis_Output {
add_action( 'genesis_before_loop', array( $this, 'move_titles' ) );
}
- echo '
';
+
+ //* close wrap
+ echo '
';
+
+ //* if javascript not enabled, do a fallback background image
+ $no_js = '
';
+ echo $no_js;
+
+ //* close big-leader
+ echo '
';
}
/**
diff --git a/includes/css/display-featured-image-genesis.css b/includes/css/display-featured-image-genesis.css
index b455eb6..78a63fa 100644
--- a/includes/css/display-featured-image-genesis.css
+++ b/includes/css/display-featured-image-genesis.css
@@ -3,7 +3,13 @@
}
.big-leader {
- /*max-height: 700px;*/
+ overflow: hidden;
+ position: relative;
+}
+
+.backstretch.no-js {
+ background-size: cover;
+ height: 600px;
}
.big-leader .wrap {
@@ -11,6 +17,7 @@
right: 0;
bottom: 0;
left: 0;
+ z-index: 1;
}
.big-leader .entry-title.featured-image-overlay {
@@ -44,3 +51,13 @@
img.featured {
max-width: 100%;
}
+
+
+@media only screen and (max-width: 768px) {
+
+ .backstretch.no-js {
+ height: 300px;
+
+ }
+
+}