• Priority: Medium
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 16.11.21, 16:35
  • Opened by: Lynda

Ticket #22608 - AMP popup ratio

Hi Fred!

My popup is well displayed on some smartphones but incorrectly displayed on others. How to set the same image ratio for all AMP devices? See the difference between iPhone 6 and iPhone 8 on screenshots.

Thank you.

Attachments:

iPhone6.jpg (453.8 KiB)
iPhone8.jpg (46.6 KiB)

Comments

Fred 16 Nov 2021, 18:05

You can limit popup height to fix that.
Add following CSS code to the AMP Settings

@media (max-width:400px) {
  #popup-notification {
    height:50%
  }
}

Adjust height as you need

Lynda 16 Nov 2021, 20:44

Perfect, thank you!

Fred 16 Nov 2021, 20:47

You are welcome!

Lynda 17 Nov 2021, 08:30

AMP seems disabled on mobile (see screenshot). However, I didn't touch AMP settings...

Attachments:

mobile.jpg (48.8 KiB)
Fred 17 Nov 2021, 21:52

when I open your website on mobile device I see AMP version there