How can I modify the search bar radius on Dawn theme?

carla_5_1 · April 9, 2024, 2:29pm

Hi there

I hope you are well , I am currently Using Dawn Theme. I was wondering if someone could maybe assist me please. I would like to change the radius of my search bar. It is currently very “box-like” and would like to have it more rounded.

I will attach a picture of what it currently looks like.

Thanks

hardik355 · May 1, 2024, 5:35am

Hello @carla_5_1
Hope you are doing well.

Could you please follow this steps.
Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid file
Step 3. Paste below code before :

Topic		Replies	Views
How to change the default search icon to a rounded search bar in Dawn theme? Store Design design , header , customizations , css , shopify-themes	3	47	July 24, 2023
How can I modify the search bar in the Dawn theme? Shopify Discussion	2	65	December 26, 2022
Dawn Theme - center and enlarge search? Store Design header	2	59	November 19, 2024
How to change the search icon to a search bar in Dawn theme? Store Design	2	39	July 15, 2022
How can I customize the Dawn theme search box? Store Design design , css	2	63	November 27, 2022

How can I modify the search bar radius on Dawn theme?

Related topics