Hide Mobile Toggle Keyboard button

Custom CSS & Theme Design
1

Issue:

Before ver. 1.11.4 I was able to use CSS:

/* Hide keyboard close icon in Mobile toolbar */

.mobile-toolbar-option:has(svg[class*="keyboard"]),
.mobile-toolbar-option:has([data-icon*="keyboard"]) {
    display: none !important;
}

This no longer works (button persists), so I want to use a different CSS selector or, as a last resort use a Codescript Toolkit script to patch this.
I just need something I could use to target it.

Thanks

2

I believe CSS should still work. We’ve been styling that button in another thread, using .mobile-toolbar-floating-options to target it. [Mobile] Make Sync icon always visible - #67 by ariehen

2 Likes
3

Indeed, thanks.
As little as this sufficed:

/* Hide keyboard toggle button in mobile toolbar */
.mobile-toolbar-floating-options {
    display: none !important;
}

Moved thread to CSS section.

4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.