Hey Everyone, Just wondering if someone can help me move the search icon on my page. It’s currently located at the top left however I would like it moved to sit between the Account and Cart icons at the top right. Appreciate the help in advance. Shop URL: seaninja.co.nz Storefront password: NZSe…

@KetanKumar Thanks for the quick reply. Header Code: {%- if settings.predictive_search_enabled -%} {%- endif -%} <{% if section.settings.enable_sticky_header %}sticky-header{% else %}div{% endif %} class="header-wrapper color-{{ section.settings.color_scheme }} gradient{% if section.settin…

Appreciate the quick reply. {%- if settings.predictive_search_enabled -%} {%- endif -%} <{% if section.settings.enable_sticky_header %}sticky-header{% else %}div{% endif %} class="header-wrapper color-{{ section.settings.color_scheme }} gradient{% if section.settings.show_line_separator %} …

@KetanKumar Thanks for the quick reply. I’ve been trying to post the code for you but I think Shopify is marking it as spam. Please try the website again. I have disabled the the antitheft app so you should be able to access it now. Cheers, Arden

Hi there @Sea-Ninja , The changes you want require major changes to your header.liquid file. You will need to delete the following code from its current position and move it between the code of “Account” and “Cart” icons. You’ll have some experience with HTML & CSS or get a developer who will al…

Might be doing something wrong but i tried moving that section of code to sit between the “Account” & “Cart” sections and the icon disappeared from my page altogether. I’m terrible at this coding stuff and normally just follow peoples tutorials (i.e “Delete this; Add this”)

please add below code in bottom of assets/base.css file. @media screen and (min-width: 990px) .header–top-center *>.header__search { order: 2; } a.header__icon.header__icon–account { order: 1; } a.header__icon.header__icon–cart { order: 3; } Thank you.

@Denishamakwana Thanks for your help however I didn’t get a chance to try this code as KetanKumar did some coding for me on my page. Not sure what his solution was but it worked. If this code does work then maybe it’ll help someone else wanting to do this. @KetanKumar Thanks for your help with codi…

@Sea-Ninja its my pleasure to help us

@KetanKumar Would you please share the changes that you made so I can do the same to mine?

@smandabach Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. Please share your site URL, I will check out the issue and provide you a solution here.

Dawn Theme - Move Search Icon to the right side of the page

Store Design

KetanKumar December 27, 2021, 8:14am 10

@Sea-Ninja

we have update code

3 Likes

Topic		Replies	Views
Moving Search Icon to Right Side with Cart and Login - Dawn Theme Store Design	1	72	March 11, 2022
Need help with search box in Dawn theme Store Design	1	78	November 22, 2022
How can I change the look of my search icon in the header? Store Design design , customizations , css , shopify-themes	10	84	March 27, 2023
How to move search icon from left to right, align with account and cart icon for Blockshop Theme? Store Design design , landing-page , shopify-themes	6	55	December 3, 2025
How can I move the search bar underneath the logo in Dawn theme? Technical Q&A shopify-theme	6	61	November 9, 2022

Dawn Theme - Move Search Icon to the right side of the page

Related topics