Align main menu right on Dawn

[jasminsharp97]

I'm currently working on this site: https://maison-rouge-ny.myshopify.com/

Password: thifis

I'm trying to align the menu on my header to the right side of the screen, like this example:

I tried using this code, and it didn't work. What am I doing wrong?

nav.header__inline-menu {
   text-align: right;
}

[PageFly-Richard]

Hi @jasminsharp97 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
header.header {
    margin: 0;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    display: flex;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[Shadab_dev · Accepted solution]

Try this in base.css under everything. 

.header--middle-left{

grid-template-areas: 'heading navigation icons';

 grid-template-columns: auto 1fr auto;

column-gap: 2rem;

}

.header__inline-menu{

text-align: right;

}

Result:  

[jasminsharp97]

This solved it! Thank you!