Brooklyn theme: Put Custom Logo to Far Left of Screen (need it to scale with various screen sizes)

[adthai]

Hi, I previously used a margin to make my logo go all the way to the left. I found out that on my screen it looked normal, but on smaller monitors, the logo was cut off all the way to the left and barely visible. How can I make my logo go all the way to the left and scale it to various screen sizes? URL is https://a-lineage-story.myshopify.com/. Password is 'beckew'.

[KetanKumar]

@adthai 

you have added unnecessary code please revert and let me know so i will give full screen code

[adthai]

I have been working on the site for awhile, so I am unsure which line of code may have been unnecessary. 

[KetanKumar]

yes you have just revert code and fullscreen code that it

[adthai]

Ok, I believe this was the code that I needed to get rid of. What do I do now?

[KetanKumar]

@adthai 

yes please remove and let me know 

[adthai]

It is removed now

[KetanKumar]

@adthai 

great thanks 

can you please confirm 

[adthai]

yes, that looks great

[KetanKumar]

@adthai 

thanks for confirm yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

nav.grid__item {
    position: relative;
    right: 0;
}
.site-header__logo img {
    margin-left: 0;
}
.site-header .wrapper {
    max-width: 100%;
}

[adthai]

it works great for desktop, however my mobile is not centered anymore. do you know how to fix this? thank you!

[KetanKumar]

@adthai 

thanks can you please show me mobile issue image so i will  guide you