Return to previous page

Promo Pop Up - by damon - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler

damon

Participant

May 17, 2018 at 16:44

Hi there,

I have noticed that the promo pop up on mobile device is not displaying correctly in its entirety.
But fine on desktop.
I have set the width to 750 height to 600.

Does it have to be certain dimensions maximum to be displayed on mobile device?

Is there any way of disabling the promo pop up on mobile devices?

Thanks again

#193188 Copied

3 Answers
Rose Tyler

Support staff

May 18, 2018 at 08:29
Hello,

You can add this code in custom.css:
```
@media (max-width: 680px) {
    #etheme-popup {
        width: 375px;
        height: 300px;
        background-size: contain;
        background-position:  center;
    }
}
```
or this one to disable the popup:
```
@media (max-width: 680px) {
    .mfp-bg , #etheme-popup {
         display:  none;
    }
}
```
Regards
#193213 Copied
damon

Participant

May 18, 2018 at 10:23

Hi Rose,

Thank you so much for this. It has worked.

Another thing I would be so grateful is you could please help me with is:
I’ve noticed that the Popup appears everytime you open a new page on the website.

Is there any way so as for it to open only when first landing on the homepage?

Many Thanks again

Damon

#193218 Copied
Rose Tyler

Support staff

May 18, 2018 at 10:32
Hello,

You’re welcome!
Please see screenshot – http://prntscr.com/jjg1bw Also, do not forget about “Do not show this popup again” checkbox. You can use this custom css code to make the text more visible:
```
#etheme-popup .checkbox-label label {
    color: white;
}
```
https://prnt.sc/jjg2cn

Regards
#193220 Copied
Viewing 4 results - 1 through 4 (of 4 total)