Join 50,000+ Smart Business Owners using OneTap for better accessibility with 1-Click Installation
Get OneTap
Pricing
A blue rounded square displays a streamlined black human figure, representing inclusivity and ease of use. To the right, the word “OneTap” appears in bold, dark letters with high color contrast for readability. The straightforward design supports clear recognition and ensures all users can easily identify the brand’s focus on accessibility.
Login
Get OneTap

Close Button Mobile (deprecated)

7 min read
  • Instant Help with AI
  • BETA

General

Customize

Support

Support

Features you asked for

Request Feature

Last update July 2025

Technical

Close Button Mobile (deprecated)

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

  • WordPress Dashboard
  • Design
  • Customizer
  • Custom CSS
  • Copy & Paste the Code
Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					@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

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					@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;
  }
}