Weird border around button (only on chrome)

  • Resolved glitch22

    (@glitch22)


    8 years, 4 months ago

    Hello there, if you check my website https://ddrolet.ca , you lower the screen resolution and then click on the hamburger icon, a weird border appear and is impossible to remove (even with css overwritting). This only happen on Chrome and on Android Chrome. It is possible to remove it?

    Thanks you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter glitch22

    (@glitch22)

    Plugin Contributor responsivemenu

    (@responsivemenu)

    Hi there,

    This is an accesibility feature of Chrome on mobile and so can’t be removed and in fact shouldnt be removed.

    Its actually a shame other browsers dont do similar things.

    All the best

    Hi,

    I ran into the same thing, and solved it with CSS. Like the plugin author mentioned, it’s a browser thing designed for accesibility, so removing it should be considered as such. I agree it’s annoying though. Add this to either the style.css in your child-theme or in the custom CSS section of this plugin settings to remove it (this will remove the same effect from happening on all buttons on your site, if you don’t want that then find the selector for this specific button):

    button:active { outline: none; border: none;}
button:focus {outline:0;}
    Plugin Contributor responsivemenu

    (@responsivemenu)

    Hey Ronald,

    Thanks for the update and solution!

    All the best

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Weird border around button (only on chrome)’ is closed to new replies.