Hey guys! Hope yall doing well and enjoying your weekend.
Im new here and wanted to make a website for my brand. I have a problem with my header. So i wanted to move my icons to the sides so my Logo is representing itself more clear, but idk how to do that. I would rlly appreciate any solution. 
I am currently using the dawn theme. (Mobile Version)
website: godsaves.at
pw: iatawd
Thank you very much and all the best for you guys!
Hey @FabianHuber Double check the theme settings for controlling the layout position of elements in the header. theme editor > header
Beyond that always provide relevant publicly access urls for others to inspect.
If storefront is password protected provide passphrase.
Hi @FabianHuber
Would you mind to share your Store URL website? with password if its protected. Thanks!
I just edited my post so you can access.
I already ckecked those settings but without any success. I entered my URL and pw in my post so you can access and may help me.
Use a custom-css setting in the theme editor to try the following CSS
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
.header {
grid-template-areas: "left-icon icons heading";
grid-template-columns: .5fr 1fr 4fr;
}
.header__icons {
justify-self: start;
}
tailor fr (fractional space) to need in the grid-template-columns rule.
or to loosely control logo centering a band-aid is adding another area to push some space around
.header {
grid-template-areas: "left-icon icons heading endcap";
grid-template-columns: .5fr 1fr 4fr 1fr;
}
Thank you so much! It worked perfect but i have a little problem tho: I would like to have my cart icon on the right side and if its possible the search icon fully deleted.
Sorry if i annoy you i am already thankful for what you did!
Always check setting first
Header → Header settings → Uncheck ‘Enable Search’ , should be an option for dawn
otherwise research previous posts for specific styles
The cart icon was previously on the right side, was not the intent to move all the icons together on the left with the menu button icon.
Just adjust the order of the grid areas
grid-template-areas: “left-icon icons heading”;
The cart icon was previously on the right side, was not the intent to move all the icons together on the left with the menu button icon.
Just adjust the order of the grid areas, to tailer read the different style suggestions and tailor to need.
.header {
grid-template-areas: "left-icon heading icons";
grid-template-columns: .5fr 4fr 1fr;
}
You are the best brother. If I have success with my brand in the future i will let you be a part of it. Have a good night!