Before you ask please READ THIS

Drop Down Menu

in Rife Posts: 6
How can I turn off the box line that appears when you click the icon for the drop down menu on the header? example attached. Thanks

Comments

  • AirAir
    Posts: 10,970
    Hello there:-)

    The thing that you see is focus ring, that is a way that browser marks selected interactive elements. It is very important for disabled users or users who use the keyboard to navigate on websites.

    You can disable it as described here https://rifetheme.com/help/docs/customizing-the-theme/header/main-menu/#accessibility-focus-rings-on-the-menu

    With kind regards.
  • Posts: 6
    Thanks. Is there a way to change the colour?
  • AirAir
    Posts: 10,970
    Hey :-)

    Sure, you could use such custom CSS:
    /* focus ring on submenu opening icons */
    .top-menu i.sub-mark:focus {
        outline: 2px solid #7AACFE;
    }
    /* focus ring on menu items */
    .top-menu > li > a:focus, .top-menu > li > span.title:focus {
        outline: 2px solid #7AACFE;
    } 
    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion