Center logo in Brooklyn theme

Highlighted
Tourist
6 0 0

Hi,

I am wondering how to center the logo in the Brooklyn theme so that it goes from this:1.jpgto this:22.jpg

I've tried all the proposed solutions here. But none work for the Brooklyn theme, or they also center the menu which is not what I'm trying to do.

 

Any solutions?

0 Likes
Highlighted
Excursionist
177 45 53

Hi @I_like_tea 

Thanks Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Excursionist
177 45 53

Hi @I_like_tea 

Please tell me which page this issue come.

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Tourist
6 0 0

Hi @Vikas_Chovatiya It's on the home page

0 Likes
Highlighted
Excursionist
177 45 53

Hi @I_like_tea 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header__logo.large--left {
    position: absolute;
    left: 0;
    right: 0;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Tourist
6 0 0

Thank you very much!

 

 

0 Likes
Highlighted
Excursionist
177 45 53

Hi @I_like_tea 

Thanks for the update :)

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Tourist
6 0 0

@Vikas_Chovatiya after checking I noticed that now the "button" logo now takes all the width. Not a problem on desktop but on mobile version it prevents from opening the menu as it simply reloads the page when clicking on the menu button

0 Likes
Highlighted
Excursionist
177 45 53

Hi @I_like_tea 

 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-nav--mobile {
    z-index: 99;
    position: relative;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
177 45 53
Hi @I_like_tea I was wondering if you know how to change the images sizes for the products (on the home page, product collage) so that it matches the size of their "background" (which is light pink at the moment). ==> Please share collection-template.liquid file code. Thank 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 vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes