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
