Logo Alignment to the left (brooklyn theme)

[ssd15]

Hi, I'm trying to move my logo further to the left in the brooklyn theme, especially on the homepage.

There is an option to adjust the width but I could'nt find any option to change position and understand that it will need some coding. 

Please let me know how i can adjust the position. 

Thank you

[suyash1]

give me your website link and password(if any) , I will let you know the CSS

[ssd15]

www.monochrome.co.in

Thanks

[suyash1]

logo has taken complete available space if want to more to the lest then
header wrapper width needs to be increased, right now it is only 1050

add this oto the end of your timber.scss file and check

*.wrapper{ max-width: 1250px;}*

[PremierStores]

You can move the logo by using css styles.

[PremierStores · Accepted solution]

HI @ssd15,

You can try adding this code at the end of your theme.scss.liquid

.grid__item.large--one-third.medium-down--one-half {
    @include at-query($min, $large) {
    position: absolute;
    top: 37px;
    left: 30px;
  }
}

Then on header.liquid at line 112 change the class large--two-thirds to large--one-whole
Like this:

<nav class="grid__item large--one-whole large--text-right medium-down--hide" role="navigation">

If you need more assistance we can do this task for you, just send us an Email with your Shopify URL then we will send you an invitation to your Shopify as a collaborator.


Best regards,
Premier Stores

[ssd15]

@PremierStores Thank you for your help it worked perfectly. 

[Deep77]

Amazing! Thank you for your support and help!

[stayfitindoors]

Hi I am unable to add my logo to the left corner of the screen. Can you assit me with this task?

Thank you!

[PremierStores]

Hi @stayfitindoors:
Are you using the Brooklyn theme? Feel free to send us an Email with your store URL and we will send you an invitation to your Shopify as a collaborator.