Title: Optimizing mobile background responsiveness
Last modified: March 21, 2018

---

# Optimizing mobile background responsiveness

 *  Resolved [freeknico](https://wordpress.org/support/users/freeknico/)
 * (@freeknico)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/optimizing-mobile-background-responsiveness/)
 * Hello,
 * i am unable to get my background from my age gate mobile responsive. Is there
   any code i can add to make it responsive so it will show the 2 bottles in the
   middle? or automatically resize the image?
 * Thanks a lot already it is an amazing plugin:)!
 * Looking forward to hearing from you.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Foptimizing-mobile-background-responsiveness%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Phil](https://wordpress.org/support/users/philsbury/)
 * (@philsbury)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/optimizing-mobile-background-responsiveness/#post-10105216)
 * Hi [@freeknico](https://wordpress.org/support/users/freeknico/),
 * Do you have a page where I can see what’s currently there? I can only see your
   holding page at present.
 * Thanks
    Phil
 *  Thread Starter [freeknico](https://wordpress.org/support/users/freeknico/)
 * (@freeknico)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/optimizing-mobile-background-responsiveness/#post-10105289)
 * Dear Phil,
 * the website is ww.gallivant.nl. i will open the website now:)
 *  Plugin Author [Phil](https://wordpress.org/support/users/philsbury/)
 * (@philsbury)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/optimizing-mobile-background-responsiveness/#post-10105442)
 * Hi [@freeknico](https://wordpress.org/support/users/freeknico/),
 * It’s a bit tricky due to the aspect ratio of the image and what you want to do,
   and this is more of a stating point than a complete solution, but you’ll want
   to add some css along the following lines:
 *     ```
       .age-gate-background {
         background-position: -385px center;
         background-repeat: no-repeat;
       }
   
       @media screen and (min-width: 500px){
         .age-gate-background {
           background-position: -500px center;
   
         }   
       }
   
       @media screen and (min-width: 1024px){
         .age-gate-background {
           background-position: right center;
   
         }   
       }
   
       @media screen and (orientation: landscape) {
         .age-gate-background {
           background-position: center center;
   
         }  
       }
   
       @media (aspect-ratio: 1/1) {
         .age-gate-background {
           background-position: right center;
   
         }
       }
       ```
   
 * You could combine the width and height in the queries to achieve better results,
   but you could finish up going on forever. These will probably work for most real
   world cases (phones/tablets/desktops etc).
 * I looks like you’re on the V2 beta so these can go into the CSS editor on the
   advanced tab.
 * Thanks
    Phil
 *  Thread Starter [freeknico](https://wordpress.org/support/users/freeknico/)
 * (@freeknico)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/optimizing-mobile-background-responsiveness/#post-10105568)
 * Thanks a lot:) It is perfect like this! And thanks for the quick help. Perfect
   tool!

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

The topic ‘Optimizing mobile background responsiveness’ is closed to new replies.

 * ![](https://ps.w.org/age-gate/assets/icon-256x256.png?rev=2783003)
 * [Age Gate](https://wordpress.org/plugins/age-gate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/age-gate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/age-gate/)
 * [Active Topics](https://wordpress.org/support/plugin/age-gate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/age-gate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/age-gate/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [freeknico](https://wordpress.org/support/users/freeknico/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/optimizing-mobile-background-responsiveness/#post-10105568)
 * Status: resolved