Title: No responsive background
Last modified: April 9, 2021

---

# No responsive background

 *  [ermarsot](https://wordpress.org/support/users/ermarsot/)
 * (@ermarsot)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/no-responsive-background/)
 * Hi,
 * I have tried everything to make the header background with the GIF (Beetlejuice
   and bread in colors-Muerdeme Bakery)responsive located at the top of the home
   page. Also, I want responsiveness the phone number and email button responsive
   and I am not able to. I have tried CSS and insert other tags in the CSS style
   sheet with no results. Can someone please advise me on what to do? thanks
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fno-responsive-background%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [mark l chaves](https://wordpress.org/support/users/mlchaves/)
 * (@mlchaves)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/no-responsive-background/#post-14295950)
 * Hi [@ermarsot](https://wordpress.org/support/users/ermarsot/),
 * How fun. Cool site!
 * I think you should look into _art direction_ for that background hero and the
   2 foreground images.
 * In short, you want to show a landscape-friendly image on desktop (like you have
   now), but then provide a portrait-friendly (stacked) version for smaller devices.
   You can use media queries to figure which version to display (depending on the
   device).
 * You can learn more here [https://dev.to/marklchaves/what-is-art-direction-and-how-to-use-it-1o3n](https://dev.to/marklchaves/what-is-art-direction-and-how-to-use-it-1o3n).
 * I’m happy to answer any question about this! Just yell.
 * Cheers,
 * Mark
 *  [Fernando Filho](https://wordpress.org/support/users/cyferweb/)
 * (@cyferweb)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/no-responsive-background/#post-14295972)
 * Hi,
 * You can use Bootstrap or media rules
 *     ```
       @media only screen and (max-width: 600px) {
         body {
           background-color: lightblue;
         }
       }
       ```
   
 * Font: [https://www.w3schools.com/cssref/css3_pr_mediaquery.asp](https://www.w3schools.com/cssref/css3_pr_mediaquery.asp)
    -  This reply was modified 5 years, 2 months ago by [Yui](https://wordpress.org/support/users/fierevere/).
      Reason: please use CODE button for proper formatting
 *  Thread Starter [ermarsot](https://wordpress.org/support/users/ermarsot/)
 * (@ermarsot)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/no-responsive-background/#post-14295990)
 * [@cyferweb](https://wordpress.org/support/users/cyferweb/) Thanks! I have added
   the
 *     ```
       @media only screen and (max-width: 600px) {
       body {
       background-color: lightblue;
       }
       }
       ```
   
 * to the Additional CSS and it is still no responding.
    -  This reply was modified 5 years, 2 months ago by [Yui](https://wordpress.org/support/users/fierevere/).
      Reason: please use CODE button for proper formatting
 *  Thread Starter [ermarsot](https://wordpress.org/support/users/ermarsot/)
 * (@ermarsot)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/no-responsive-background/#post-14298101)
 * [@mlchaves](https://wordpress.org/support/users/mlchaves/) thank you! I will 
   try it and let you know! thanks!
 *  Thread Starter [ermarsot](https://wordpress.org/support/users/ermarsot/)
 * (@ermarsot)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/no-responsive-background/#post-14300204)
 * [@mlchaves](https://wordpress.org/support/users/mlchaves/) Thanks for your recommendations.
   I have inserted the code that you gave me in my additional CSS and plug the URL
   of my pictures into WordPress. I am still not having success. I am not sure what
   I am doing wrong.
 *  [mark l chaves](https://wordpress.org/support/users/mlchaves/)
 * (@mlchaves)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/no-responsive-background/#post-14303934)
 * Hello [@ermarsot](https://wordpress.org/support/users/ermarsot/),
 * I just visited your site again. I don’t see any media queries or art-direction
   images.
 * Did you remove the code?
 * If you want me to help you troubleshoot, feel free to set up a test page and 
   then post the link to the test page.
 * If you need more examples, I’ve got many live demos of art-direction responsive
   design on my [CodePen](https://codepen.io/collection/AVMjjK) and running [my own site](https://www.caughtmyeye.dev/about/).
 * Just let me know 🙂

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

The topic ‘No responsive background’ is closed to new replies.

## Tags

 * [media queries](https://wordpress.org/support/topic-tag/media-queries/)
 * [Mobile responsive](https://wordpress.org/support/topic-tag/mobile-responsive/)
 * [responsive web design](https://wordpress.org/support/topic-tag/responsive-web-design/)
 * [rwd](https://wordpress.org/support/topic-tag/rwd/)

 * In: [Everything else WordPress](https://wordpress.org/support/forum/miscellaneous/)
 * 6 replies
 * 3 participants
 * Last reply from: [mark l chaves](https://wordpress.org/support/users/mlchaves/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/no-responsive-background/#post-14303934)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics