Need to align BRAND LOGO & MENU BAR toward CENTRE in BROOKLYN THEME

[aurave]

Need to align BRAND LOGO & MENU BAR (customised through APP) towards the CENTRE in BROOKLYN THEME.

Please help

[KetanKumar]

@aurave 

Please share your site URL,
So I will check and provide a solution here.

[aurave]

Url is www.auravedecor.in

[KetanKumar]

@aurave 

Thanks for url can you please exaplin how do like this header give screenshot.

[aurave]

The brand logo is aligned to the leftmost part while menu bar to the rightmost part as currently visible (on desktop site).

However, we want empty space between the brand logo & menu bar to get reduced. In other words, the brand logo & menu bar both should come towards the centre of the page.

Pls provide necessary changes to be done in code.

[oscprofessional · Accepted solution]

Hello @aurave 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->timber.scss.liquid

@media screen and (min-width: 769px) {
.site-header .site-header__logo {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.site-header nav {
	text-align: center !important;
	margin: 0 auto;
}
}

Hope this will work for you.
Thanks!

[aurave]

Thank you.....the solution worked !!

[Harshal1]

Hi, I am using Brooklyn Theme and I'm trying to centre only my logo. I have used your code at the end of the asset timber but unfortunately it did not work... am I doing anything wrong?

[KetanKumar]

Hello, @Harshal1 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[MA223]

@KetanKumar Hi Ketan

I would like to align the header menu, with the rest of the basket, magnifying glass etc on the far right side with my logo

LINK: https://frigga.co.uk/

what css code should I apply and which asset > sccss.liquit file should I implement it on?

Thank you!