Logo Alignment to the left (brooklyn theme)

Solved
New Member
3 0 0

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

0 Likes
Navigator
329 35 34

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

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
3 0 0
0 Likes
Navigator
329 35 34
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;}*
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Explorer
103 9 9

You can move the logo by using css styles.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes

Success.

Explorer
103 9 9

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

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
New Member
3 0 0

@PremierStores Thank you for your help it worked perfectly. 

 

 

0 Likes