How can I make the corners of my search bar round?

Topic summary

A user is seeking help to round the corners of their search bar in their Shopify store and has provided a screenshot showing the current square-cornered design.

Proposed Solution:

  • Dan-From-Ryviu suggests adding custom CSS code to the theme.liquid file
  • Navigation path: Online Store > Themes > Edit Code > theme.liquid
  • The code should be inserted before the closing </head> tag

Status:
The discussion appears to be in progress with one solution offered. The specific CSS code snippet and whether it successfully resolved the issue are not fully visible in the conversation.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

How can I make the corners of my search bar round?

Kind Regards

Hi @Anonymous

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code before tag


1 Like