Support » Theme: Twenty Twenty-One » Remove dotted line around mobile menu

  • Resolved Mike Hindle


    Hi there. Just wondering if there’s a way to remove the dotted line around the mobile menu once you’ve clicked on it?

    Any help would be much appreciated.


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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi,

    It’s being caused by this …

    .site .button:focus, button:focus {
        outline-offset: -6px;
        outline: 2px dotted currentColor;

    … so adding this to “Customizer – Additional CSS” should do what you want.

    .menu-button-container #primary-mobile-menu:focus {
        outline-color: transparent;

    Let me know if that works and I’ll add it as an option to Options for Twenty Twenty-One plugin.


    Thread Starter Mike Hindle


    Hi Oliver. Thanks for the speedy response. That has worked a treat 🙂

    Very much appreciated. I’ll also download the Options plugin…


Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.