Title: Make Pop Up Responsive
Last modified: August 30, 2016

---

# Make Pop Up Responsive

 *  [Shabbir](https://wordpress.org/support/users/shabbirpittalwala/)
 * (@shabbirpittalwala)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/make-pop-up-responsive/)
 * Hi,
    Is there a way to make this popup responsive? It opens on mobile screens
   but covers more than the required are on the screen and cannot be navigated and
   closed either. It would be great to have a work around for this. Awaiting a response
 * [https://wordpress.org/plugins/anything-popup/](https://wordpress.org/plugins/anything-popup/)

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

 *  [tmfita](https://wordpress.org/support/users/tmfita/)
 * (@tmfita)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/make-pop-up-responsive/#post-6595720)
 * Hi,
 * I’ve solved adding some style to style.css. I’ve copied the id name that Anything
   Popup generates for the container (eg “Anything_Popup_BoxContainer2”) and added
   some style for it.
 * My example:
    [@media](https://wordpress.org/support/users/media/) (max-width:
   600px) { #Anything_Popup_BoxContainer2 { width: 90% !important; height:auto !
   important; position: absolute !important; margin-right: auto !important; margin-
   left: auto!important; right: 0px!important; left: 0px!important; top: 40%; margin-
   top:20%; } }
 * It’s important to add ‘!important’ 😉
    I don’t know if it’s the best solution,
   but it worked for me!
 *  [ahmad siddiqui](https://wordpress.org/support/users/ahmad-siddiqui/)
 * (@ahmad-siddiqui)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/make-pop-up-responsive/#post-6595723)
 * HI,
 * My example:
    [@media](https://wordpress.org/support/users/media/) (max-width:
   600px) { #Anything_Popup_BoxContainer2 { width: 90% !important; height:auto !
   important; position: absolute !important; margin-right: auto !important; margin-
   left: auto!important; right: 0px!important; left: 0px!important; top: 40%; margin-
   top:20%; } }
 * i try it but it did’t work
 *  [sakura12](https://wordpress.org/support/users/sakura12/)
 * (@sakura12)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/make-pop-up-responsive/#post-6595727)
 * Thx tmfita,
    This works for me…I used mozilla firefox firebug to find out my 
   pop-up container name: [@media](https://wordpress.org/support/users/media/) (
   max-width: 600px) { #AnythingPopup_BoxContainer7 { width: 100% !important; height:
   auto !important; position: absolute !important; margin-right: auto !important;
   margin-left: auto!important; right: 0px!important; left: 0px!important; top: 
   40%; margin-top:20%; } }
 *  [chig77777](https://wordpress.org/support/users/chig77777/)
 * (@chig77777)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/make-pop-up-responsive/#post-6595761)
 * Hi tmfita,
 * You mentioned adding above code to style.css? This plugin doesn’t have any style.
   css so I assume you are talking about adding it to theme style.css?
 * I am using Bazar theme, please advise where to add above code.
 * Thanks

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

The topic ‘Make Pop Up Responsive’ is closed to new replies.

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

 * 4 replies
 * 5 participants
 * Last reply from: [chig77777](https://wordpress.org/support/users/chig77777/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/make-pop-up-responsive/#post-6595761)
 * Status: not resolved