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

adthai
Pathfinder
98 0 32

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
36839 3635 11972

@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
Pathfinder
98 0 32

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

KetanKumar
Shopify Partner
36839 3635 11972

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
Pathfinder
98 0 32

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
36839 3635 11972

@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
adthai
Pathfinder
98 0 32

It is removed now

KetanKumar
Shopify Partner
36839 3635 11972

@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
adthai
Pathfinder
98 0 32

yes, that looks great

KetanKumar
Shopify Partner
36839 3635 11972

@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
adthai
Pathfinder
98 0 32

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

KetanKumar
Shopify Partner
36839 3635 11972

@adthai 

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

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