Remove border from active 'sort by' menu

Shopify Discussion
,
1

Just a month ago, I launched a new Shopify website with the domain However I experimented with SEO using Goes - SEO Products Optimize.

2

To remove the border from the active “Sort By” menu in your Shopify website, you can apply custom CSS code. Here’s an example of the CSS code you can use:

.sort-by-dropdown li.active a {
border: none;
}

To apply this code, follow these steps:

  1. In your Shopify admin, go to “Online Store” and click on “Themes.”
  2. Find and click on “Actions” for the theme you want to edit, then select “Edit code.”
  3. In the code editor, locate and click on the “Assets” folder, then open the file that ends with .css or .scss. If there isn’t a specific file for CSS, you can add the code to the end of the theme.scss.liquid file.
  4. Scroll to the bottom of the file and paste the CSS code provided above.
  5. Save the changes.

After saving, the border should be removed from the active “Sort By” menu on your website. Remember to preview and test your changes before publishing them live.