Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1360503

    I’m having trouble determining which theme option or CSS edit is causing menu items (on both desktop and mobile) to have an outline when they are clicked / selected.

    Could you please tell me where that is? I would like to remove that.



    Thanks for contacting us!

    Please go to Enfold theme options > Header > Header Layout > Header Style and choose “Minimal” option :)

    Best regards,


    I had tried that previously… and just tried again (clearing cache as well). For some reason, that’s not working.

    Is it possible I have some kind of conflict with my CSS?



    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    nav.main_menu li a:focus {
        outline: none;

    Best regards,


    I was able to change the header setting back to default (so that I still have the line indicator on mouseover) BUT at the same time also eliminate the border on click.

    Works perfectly. Thank you!



    Great, I’m glad to hear that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,

    This reply has been marked as private.

    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Menu Item Border on Click’ is closed to new replies.