Penrose
September 20, 2024, 2:50pm
1
Hi. I’d like to make some changes to my header. Here’s the current layout for reference. The “Before” if you will.
I’d like to add a search bar where the current menu is. Then move the menu down to a maroon bar below the search. Here’s a mock up. The “After”.
I’m clueless about how to code. I suppose we could get rid of the magnifying glass icon too.
I’m new to shopify. I’m a graphic designer so I know what I want and how to mock it up, but clueless about how to code it. Any help is apprecaited.
1 Like
Hi @Penrose
We can move the menu below as requested, but adding or showing the search bar may require some custom code changes. Also, the search bar is only visible on the dekstop not in mobile screen. This is where you need a developer. If you’d like, our team can assist with this. Let us know if you’d like to proceed, and we’d be happy to help!
Penrose
September 20, 2024, 3:18pm
3
I’m interested in talking with someone sure.
I drop a message, for the nav. check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
And Save.
Result:
Note: I try to change the text color, it’s overide code so it will be difficult to add new code.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
In dawn theme sections/header.liquid line 163 we can cut the menu and put in line 275 then the menu will show like your
also in that line if you insert search code it will show like this.
thank you
Penrose
September 20, 2024, 4:49pm
7
Thank you so much!
Here’s the result it gives me though:
