I am facing an issue how i can aling my search bar to left in DAWN Shopify theme

Store Design
, ,
1

I am facing an issue for align my Shopify store Search bar to left side from right side with cart and account by defacut given at this position in shopify dawn theme.

2

Hi @sultanaliseo

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

3

This is my website url: https://www.zarclothing.com.pk/
i solve this issue but now i am facing an issue i want to align my Collection title in center of Home page where i can add new collection it show title at the center.
Please note i am not a hardcore developer.

4

Hi @sultanaliseo

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottow of the file:

.collection__title.title-wrapper {
text-align: center;
}

image
image1216Ă—316 20.2 KB

5

Hi @sultanaliseo,

If you aren’t able to select the element in the theme editor and change the “text position” to center, go to the edit code option of your theme and look for the folder assets, then look at the file ending in .css - open each one and search for “.collection-hero__title”, then update it like this:

.collection-hero__title {
  margin: 2.5rem 0;
  text-align: center;
}

Should do the trick.

Let me know if it helped!

6

Please add this code to Custom CSS in Theme settings

@media (min-width: 750px) {
  .header__icons { padding-right: 60px !important; }
  .header>.header__search {
    grid-area: icons !important;
    justify-self: end !important;;
  }  
}

Screenshot 2026-06-10 at 15.03.46
Screenshot 2026-06-10 at 15.03.462576Ă—654 16.6 KB

7

  1. Go to your Shopify Admin > Online Store > Themes.

  2. Click the Customize button next to your active Dawn theme.

  3. On the left-hand sidebar, click on the Header section.

  4. Look for the Desktop logo position setting in the settings panel on the right.

  5. Change this setting to Top left or Middle left.

This will automatically shift your logo, pushing the search bar over to the left side while keeping your cart and account icons cleanly on the right.

8

this can be done, i’m sure shopify support we response soon