Place header in the middle

[MT27]

Hi for some reason on this page the header has moved to the left, not sure why.. can you please help me place it to the center? Thank you

Pass: biangu

Url:https://matibrnd.com/pages/about-us-now

[Raj-webdesigner]

Hello @MT27 

Put This Code on Your Edit code > base.css

@media screen and (min-width:990px){
    #shopify-section-header .header__inline-menu {
        margin-left: 0 !important;
        margin-top: 0 !important;
        grid-row: 1;            
    }
    .header.header--top-center h1.header__heading {
        grid-column: 1;
    }
}       

Can You Need Other Help Please Contect On 

mail.to ==> raj.s.hopiant@gmail.com

[MT27]

didn't work..

[Raj-webdesigner]

Add This Css on base.css.

@media screen and (min-width:990px){
    #shopify-section-header .header__inline-menu {
        margin-left: 0 !important;
        margin-top: 0 !important;
        grid-row: 1;            
    }
    .header.header--top-center a.header__heading-link.link.link--text.focus-inset,h1.header__heading {
       grid-column: 1;
    }   
} 
header.header.header--top-center.header--mobile-center.page-width.header--has-menu{
    left: 0;
    right: 0;
}

[MT27]

didn't work again, can you kindly check mainpage? that's how it should be

Url: matibrnd.com 

[Raj-webdesigner]

First you put my second code and then I will tell you the problem, Because I want to be a judge

 See screenshot >> https://prnt.sc/t_dVxd058dRq
Notify me after placing this code

[PageFly-Oliver]

Hi @MT27 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
.header{
max-width:100% !important
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly