My website header logo isn't positioned the way I want it

[Davidn]

I'm in the theme editor right now and my logo appears to be in the middle left of the header, but when i go to the live website it looks to be in the top center, I've been trying to fix it for several hours now but I can't find anything.

editor:

live website:

this is my website link: gigglefabric.com

[ChiragPatel2911]

Hello @Davidn 

Did you try with private mode of your browser?

Here I think you are on the preview mode of your theme and due to that you are saw the wrong placement cause it is from another theme not the theme in which you are working.

Or you can click on the three dot under the online store theme https://prnt.sc/-WWRBlUp80wu so you can get the current theme updates.

[Davidn]

I did try in private browser and also on other devices, I don't think it's a cache issue.

I'm positive I'm working on the right theme but interestingly after your post I checked the Themes tab in shopify admin and the preview for my website looks like this

but within the editor it looks like this

[Made4uo-Ribe · Accepted solution]

Hi @Davidn 

TRy 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 </body> tag and paste the code below before the tag. 

<style>
@media screen and (min-width: 990px) {
    .header--top-center {
        grid-template-areas: "heading navigation icons" !important;
        gap: 20px;
    }
    .header {
        grid-template-columns: auto 1fr 1fr !important;
    }
    .header>.header__search {
        grid-area: icons !important;
        justify-self: right;
        width: 30%;
        justify-content: center;
}
    .header--top-center .header__inline-menu {
        justify-self: left !important;
    }
}


</style>

• And Save. 
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!