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

adthai
Explorer
68 0 25

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'.

adthai_1-1634523333285.png

 

Replies 11 (11)
KetanKumar
Shopify Partner
25121 2516 9084

@adthai 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
adthai
Explorer
68 0 25

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

KetanKumar
Shopify Partner
25121 2516 9084

yes you have just revert code and fullscreen code that it

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
adthai
Explorer
68 0 25

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

adthai_0-1634534539518.png

 

KetanKumar
Shopify Partner
25121 2516 9084

@adthai 

yes please remove and let me know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
25121 2516 9084

@adthai 

great thanks 

can you please confirm 

KetanKumar_0-1634537292648.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
25121 2516 9084

@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%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing