Close Button Mobile

7 min read

Technical

Close Button Mobile

We are aware that the close icon for the OneTap popup is currently not displaying correctly on some mobile devices. This issue has already been identified, and we are actively working on a permanent fix.

The solution will be included in one of our upcoming updates, which is scheduled to be released within the next 2–3 weeks. This major update will significantly improve mobile customization options

In the meantime, you can temporarily adjust the close icon’s position using a simple CSS snippet. You’ll find a step-by-step guide and the code further below.

A huge thank you to our community for your feedback and support – ❤️ we’re looking forward to making things even better for you soon!

How to add the code

				
					@media screen and (max-width: 600px) {
  nav.apop-accessibility.apop-plugin-onetap .apop-container .apop-accessibility-settings header.apop-header-top .apop-close {
    left: auto !important;
    right: 20px !important;
  }
}

2nd Solution

				
					@media only screen and (max-width: 576px) {
  nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings header.onetap-header-top .onetap-close {
    left: auto !important;
    right: 20px !important;
  }
}