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; + + } + +}