remove big outline when clicking the logo/menu

  • Resolved freelylw

    (@freelylw)


    4 years ago

    when clicking the site logo and main menu on the page, there is a big outline which around the logo/menu is showing on the webpage, how can we not showing this outline, it looks weird and not professional. please advise, thank you

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey @freelylw

    You can change this with a little bit of custom CSS code.

    Go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

    .custom-logo-link:focus {
  outline: 0;
}

    Select “Publish” from the top, and your changes will be applied to your site.`

    Thread Starter freelylw

    (@freelylw)

    Thanks, I just try the code, but it doesn’t work. the big outline still showing when clicking on the logo.

    Hey @freelylw

    Can you share a link to your site, so I can see what you have exactly?

    Thread Starter freelylw

    (@freelylw)

    sorry, it works now, thanks, it didn’t work immediately, probably there was cache problem.

    Hi @freelylw,

    Sorry that we missed your message. Glad to hear the code works – thanks for letting us know!

    I’ll go ahead and mark this post as resolved. If you have any further questions or need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘remove big outline when clicking the logo/menu’ is closed to new replies.