Avoid border on active button in main menu

  • GUSUM

    (@gusum)


    2 years ago

    When I click on a button in the main menu, a border is marked to the right and left of the button. How can I avoid this?
    Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Shahin

    (@skalanter)

    Hello @gusum,

    The outline is not an issue. It’s an accessibility requirement (we’re required to use it). But you can disable it on your end with custom CSS. To remove the outline, please add the following CSS code in the Custom CSS area in the Customizer:

    a:focus {
    outline: 0px !important;
    outline: none !important;
}

    About the CSS code on the Customizer, please read this link:
    https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website

    For more information about Accessibility, please read this article: https://developer.mozilla.org/en-US/docs/Web/Accessibility.

    Note: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes.

    Best Regards

    Thread Starter GUSUM

    (@gusum)

    Hello, Shahín!
    I didn’t know that…
    Thanks for the code, it worked!

    Shahin

    (@skalanter)

    You’re most welcome.
    I’m glad it is resolved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Avoid border on active button in main menu’ is closed to new replies.