The default Shopify search bar is a rectangle. To make it more rounded, you have to change the border-radius attribute of the Shopify search bar. This will make your Shopify search bar more rounded.make shopify search more rounded

Here are steps to make your Shopify search more rounded.

  1. Log in to your Shopify admin panel.
  2. Go to online store->settings->themes->actions->edit code.make shopify search more rounded
  3. Go to assets-> Open the theme.scss.liquid file.make shopify search more rounded
  4. In the code file of theme.scss.liquid, search for “search-bar__input” around line 4557.make shopify search more rounded
  5. In the following code change border-radius: 0px; to border-radius: 50px; If you want more roundedness.
    .search-bar__input {
      background-color: transparent;
      border-radius: 50px;
      color: $color-text;
      border-color: transparent;
      padding-right: calc(35em / 16);
      width: 100%;
      min-height: 44px;

     

  6. Using expertrec’s Shopify custom search, you can easily change the look and feel of your search engine without having to touch code.
Categories: shopify

muthali ganesh

Muthali loves writing about emerging technologies and easy solutions for complex tech issues. You can reach out to him through chat or by raising a support ticket on the left hand side of the page.