Disable/remove button outline

[calebs (Test)]

After changing the shape of all our buttons, I’ve noticed a black outline on the main categories drop down menu button. Is there a way to remove this outline outline? Thank you!

[j.jaffeux (Joffrey Jaffeux)]

That should do it:

.list-controls .category-drop {
  .category-drop-header {
    border-color: transparent;
  }
}

[calebs (Test)]

That worked, thank you!

[calebs (Test)]

Hello! Sorry for bringing it up once again, but it really bothers us and Joffrey’s solution only fixed the issue on desktop.

Here’s the code we’ve tried, but it won’t remove the outline on mobile.

.list-controls .category-drop {
  .category-drop-header {
    border-color: transparent;
  }
}

[tshenry (Taylor)]

This should work for mobile:

.list-controls .nav-pills .navigation-toggle {
  border-color: transparent;
}