Title: Responsive Header Image
Last modified: February 16, 2017

---

# Responsive Header Image

 *  [TReigle01](https://wordpress.org/support/users/treigle01/)
 * (@treigle01)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-16/)
 * I am finding that the Header Image is not responsive. Is there a fix for this?
 * Tim

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [marteka](https://wordpress.org/support/users/marteka/)
 * (@marteka)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-16/#post-8811273)
 * Just about to post the same thing!
 *  [otonerecords](https://wordpress.org/support/users/otonerecords/)
 * (@otonerecords)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-16/#post-8815635)
 * same here to.
 * For me, as soon as a browser has additional tabs active, the top of the header
   image is cute off.
 * please let me know if there’s a solution.
    -  This reply was modified 9 years, 3 months ago by [otonerecords](https://wordpress.org/support/users/otonerecords/).
 *  [dubiousa](https://wordpress.org/support/users/dubiousa/)
 * (@dubiousa)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-16/#post-8822005)
 * hey guys, i’ve found a workaround:
 * as i already use master slider, i choose to use a one picture slider, but you
   can just edit your child themes template_parts/header/header-image.php (copy 
   these files to your childs theme directory from the original twentyseventeen 
   theme)
 * just edit this:
 *     ```
       <div class="custom-header-media">
       		<?php the_custom_header_markup(); ?>
       	</div>
       ```
   
 * to this:
 *     ```
       <div class="custom-header-media">
       		<?php masterslider(1); ?>
       	</div>
       ```
   
 * add your image or div with bg or whatever image here (in my case a fullwidth 
   responsive slider like this <?php masterslider(1); ?> ) and style according your
   wishes.
    -  This reply was modified 9 years, 3 months ago by [dubiousa](https://wordpress.org/support/users/dubiousa/).
 *  [marteka](https://wordpress.org/support/users/marteka/)
 * (@marteka)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-16/#post-8834676)
 * @dubiosa
    Re: Masterslider, is this the plugin you’re using? [https://wordpress.org/plugins-wp/master-slider/](https://wordpress.org/plugins-wp/master-slider/)
 *  [dubiousa](https://wordpress.org/support/users/dubiousa/)
 * (@dubiousa)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-16/#post-8838811)
 * yes, the free version is enough, but i still consider going pro for text layers..
 *  [rakesh1974](https://wordpress.org/support/users/rakesh1974/)
 * (@rakesh1974)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-16/#post-8879552)
 * How do I add responsive full width background slider shortcode instead of master-
   slider? Now it just works with toggle button the default header image in 2017
   theme is always visible instead of rfwb slider.
 * Please let me know
 * thanks
    Rd

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Responsive Header Image’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentyseventeen/4.1/screenshot.
   png)
 * Twenty Seventeen
 * [Support Threads](https://wordpress.org/support/theme/twentyseventeen/)
 * [Active Topics](https://wordpress.org/support/theme/twentyseventeen/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentyseventeen/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentyseventeen/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [Twenty Seventeen](https://wordpress.org/support/topic-tag/twenty-seventeen/)

 * 6 replies
 * 5 participants
 * Last reply from: [rakesh1974](https://wordpress.org/support/users/rakesh1974/)
 * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-16/#post-8879552)
 * Status: not resolved