Logo Alignment to the left (brooklyn theme)

Solved
Highlighted
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
Highlighted
Astronaut
911 81 109

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

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
New Member
3 0 0
0 Likes
Highlighted
Astronaut
911 81 109
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 me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Shopify Partner
270 26 42

You can move the logo by using css styles.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
Shopify Partner
270 26 42

This is an 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

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

@PremierStores Thank you for your help it worked perfectly. 

 

 

0 Likes
Highlighted
Tourist
14 0 1

Amazing! Thank you for your support and help!

0 Likes
Highlighted
Tourist
18 0 1

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

Thank you!

0 Likes
Highlighted
Shopify Partner
270 26 42
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.
Let's make the best store!
Contact us at: thepremierstores@gmail.com
1 Like