Centralise logo and reduce header height

[Jess1508]

Hi, 

How can I centralise my header logo and also reduce the height of my header as its quite tall compared to the text. Using Brooklyn theme. 

Thank you! 

Jess

[Moira]

Hey @Jess1508!

You definitely have the option to reduce the height of your header by following the steps below:

1) Head to Online Store- > Themes -> Actions -> Edit Code
2) Assets ->/timber.scss.liquid -> paste below code at the bottom of the file:

.site-header {
    padding: 5px 0;
}

For further guidance, you can check out this community thread where a few merchants had the same request:

• Solved: Brooklyn Theme - Reduce Header Size - Shopify Community

I have also found another community thread where a Shopify Expert has provided the coding needed to centralize your header logo within the Brooklyn Theme:

• How to center my custom logo in the Brooklyn Theme? - Shopify Community

Important Coding Reminders: If you make changes to the original code and save the changes, you will not be able to revert back. We always suggest you first duplicate the theme and work in the duplicate. That way you can always go back to your previous version. If you need custom changes but would prefer the help of a developer we recommend Shopify's own Expert Marketplace.

As you continue to customize your theme, it’s a good idea to make design and content choices that help to keep your online store accessible. I suggest taking a look at this guide for tips on providing an inclusive experience for your customers. We also have a fantastic help doc that goes over all the ways you can customize your Shopify Brooklyn Theme.

[Jess1508]

Hi, 

My header is still the same size and for centralising my logo this has worked for mobile however for desktop it is appearing like this below; 

[Moira]

No worries, I will bring in our wonderful Shopify Partner to help out! 

Hi @KetanKumar! Would you please be able to check the coding that has been added above into @Jess1508 timber.scss.liquid & theme.scss.liquid. 

She has followed the tutorial from your previous thread although the header appears to still be the same fixed size:

• Solved: Brooklyn Theme - Reduce Header Size - Shopify Community

Thank you kindly, 

[KetanKumar]

@Jess1508 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

@Moira 

Thanks for for it