Featured Image using Different Sizes in Screen Sizes
-
I only want to use the full image on the header featured images! But when scaling down it swaps through the images made when the full image was uploaded. This creates a blurry image on small screen sizes!
https://66.147.244.157/~rediflam/rediflame/products/fire-logs/
<img width=”2000″ height=”450″ sizes=”(max-width: 2000px) 100vw, 2000px” srcset=”https://66.147.244.157/~rediflam/rediflame/wp-content/uploads/2016/07/Header-RediFlame_Products-Fire-Logs3.jpg 2000w, https://66.147.244.157/~rediflam/rediflame/wp-content/uploads/2016/07/Header-RediFlame_Products-Fire-Logs3-300×68.jpg 300w, https://66.147.244.157/~rediflam/rediflame/wp-content/uploads/2016/07/Header-RediFlame_Products-Fire-Logs3-768×173.jpg 768w, https://66.147.244.157/~rediflam/rediflame/wp-content/uploads/2016/07/Header-RediFlame_Products-Fire-Logs3-1024×230.jpg 1024w” alt=”Header-RediFlame_Products-Fire-Logs3″ class=”img-responsive wp-post-image” src=”https://66.147.244.157/~rediflam/rediflame/wp-content/uploads/2016/07/Header-RediFlame_Products-Fire-Logs3.jpg”>
<div id="page-header-img" class=""> <?php // check for feature image if ( has_post_thumbnail() ) { the_post_thumbnail('full', array('class' => 'img-responsive')); } ?> </div>
- The topic ‘Featured Image using Different Sizes in Screen Sizes’ is closed to new replies.