Make Pop Up Responsive

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 (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!

HI,

My example:
@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

Thx tmfita,
This works for me…I used mozilla firefox firebug to find out my pop-up container name:
@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%;
}
}

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