I’d like to move the search and cart to the same line as the menu on the right side of my online store in the dawn theme please.

Please add this code at the bottom of your base.css file header-drawer, .header__search { display: none; } nav.header__inline-menu { display: block; } .header { display: flex !important; justify-content: space-around; }

Am i supposed to be removing the previous codes? Or adding them all

Remove previous code and replace them with new ones

[IMG_5883.jpeg] This is what it looks like for me. Could I remove the search option completely & move the “shop and about” section to the very right next to the cart please?

Did you check in mobile device?

sorry I didn’t know there was a difference between the desktop and mobile.

Please remove all code, go to your Online store > Themes > Customize > Header, Desktop logo position > select Middle left, save your template then I can provide the new code [Screenshot 2023-11-14 at 10.37.04.png]

Okay I just did, could I have the mobile view look like this (everything centered) [IMG_9994.jpeg] and the desktop view look like this, please [IMG_5885.jpeg]

How do I align search and cart with the menu in the dawn theme?

Technical Q&A

Dan-From-Ryviu November 14, 2023, 3:33am 16

So the change you are asking is for desktop?

Topic		Replies	Views
Dawn theme: Move header menu to the right side. Keep logo on the left Store Design	58	702	March 12, 2025
How do I rearrange the header icons in dawn theme for mobile view keeping everything aligned Store Design header	2	92	April 26, 2025
Move logo right and cart, account, search icon to the left DAWN theme Store Design design , header , css	1	65	December 17, 2024
I want hamburger menu to right in dawn the Store Design	11	243	February 28, 2023
Move Header menu to right side of screen Dawn theme Store Design menu , design , shopify-themes	8	148	November 7, 2023

How do I align search and cart with the menu in the dawn theme?

Related topics