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

Solved
Highlighted
Excursionist
22 0 5

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

Please help

Highlighted
Shopify Partner
9404 1186 3292

@aurave 

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 bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
22 0 5
0 Likes
Highlighted
Shopify Partner
9404 1186 3292

@aurave 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
22 0 5

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.

 

0 Likes
Highlighted

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
22 0 5

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

0 Likes
Highlighted
Tourist
6 0 3

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?

 

Highlighted
Shopify Partner
9404 1186 3292

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
1 0 0

@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!

 

Ella theme page.JPG

 

 

0 Likes