Call to Action Popup on iPhone 5/SE

  • Hi,

    My client is getting complaints from their customers using iPhone 5 that the call to action popup is missing the popup close icon. This means they can’t remove the popup and therefore can’t navigate the website at all.

    I’ve tested this in the Firefox Web Developer Responsive Design Mode and it’s true. Additionally, in that mode, rotated to landscape the popup is too high for the viewport cutting off both the title and popup close icon AND the submit button.

    Any suggestions please?

    Tim

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author satoristudio

    (@satoristudio)

    Hello Tim, the issue seems to be due to the height of the popup’s content – it tries to fit everything into the small screen, centering the frame, and so the top and bottom parts get cut off. We will look into ways to add a universal fix (if there’s any) to the next theme update(s) – meanwhile, you can simply add some CSS to reduce the popup’s padding and therefore giving its content more space, e.g. by pasting this snippet into the “Additional CSS” tab of the Customizer:

    .bnt-popup-box { padding: 20px !important; } 
.bnt-popup-no-so .bnt-popup-inner { padding: 40px !important; }

    Regarding the landscape mode – the popup’s content is just too much to fit into a 320px vertical – you could e.g. consider combining the name fields into a single one (“Full name”), which should allow the popup to fit?

Viewing 1 replies (of 1 total)
  • The topic ‘Call to Action Popup on iPhone 5/SE’ is closed to new replies.