• 

  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)