Title: Responsive full width header image
Last modified: August 31, 2021

---

# Responsive full width header image

 *  [luukie25](https://wordpress.org/support/users/luukie25/)
 * (@luukie25)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/responsive-full-width-header-image/)
 * Hi all,
 * I am using the Blossom Chic theme and trying to add a header image / logo. It’s
   size is 1980×427, so I added some padding to the header box with custom CSS. 
   This all works fine on pc, but on mobile, the header image is not responsive.
   Any suggestions on how to make it 100% width instead of a fixed number of pixels?
   I think this should not be too hard…
 * Thanks!
    Luuk
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-full-width-header-image%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [blossomthemessupport](https://wordpress.org/support/users/blossomthemessupport/)
 * (@blossomthemessupport)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/responsive-full-width-header-image/#post-14823457)
 * Hi [@luukie25](https://wordpress.org/support/users/luukie25/),
 * You can add the below code in Additional CSS via Admin Dashboard > Appearance
   > Customize > Additional CSS to make the banner image appear full-width in mobile
   view:
 *     ```
       @media screen and (max-width: 767px) {
           .banner img {
               object-fit: contain;
               height: unset;
           }
           .site-title {
               font-size: 42px;
           }
       }
       ```
   
 * If you have any other queries then please feel free to write to us.
 * Kind regards!

Viewing 1 replies (of 1 total)

The topic ‘Responsive full width header image’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/blossom-chic/1.1.3/screenshot.
   png)
 * Blossom Chic
 * [Support Threads](https://wordpress.org/support/theme/blossom-chic/)
 * [Active Topics](https://wordpress.org/support/theme/blossom-chic/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/blossom-chic/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/blossom-chic/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [blossomthemessupport](https://wordpress.org/support/users/blossomthemessupport/)
 * Last activity: [4 years, 9 months ago](https://wordpress.org/support/topic/responsive-full-width-header-image/#post-14823457)
 * Status: not resolved