Center Menu and Logo Brooklyn theme

Highlighted
New Member
2 0 0

Hello,

 

I would like to know how can I center my menu and logo in the brooklyn theme I am quite knowlageable with coding but .liquid is still a bit new to me. 

 

I would like it if I can change it to the image below
Untitled.png

 

 

Could someone please advice me on this, I would appreciate it.

 

 

Kind Regards,

 

0 Likes

Hello ,

Put this css on your on your theme -> Assets -> theme.scss.liquid file at the bottom. i hope this will work for you.
@media only screen and (min-width: 768px) {
.site-header .large--text-right {
text-align: center !important;
}
.site-header .grid--table .large--two-thirds {
width: 100%;
float: none !important;
display: block !important;
}
.site-header__logo {
text-align: center;
font-size: 1.5625em;
display: block;
float: none !important;
}
.site-header__logo {
text-align: center;
font-size: 1.5625em;
display: block;
float: none !important;
}
.site-header .large--one-third {
width: 100%;
display: block !important;
}
}

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like
New Member
2 0 0

Thank you @oscprofessional ! 

How Can I move the Logo a bit down and also the menu

 

See example site in menu section https://www.babycouture.co.za/

 

Also Might I ask about sticky on scroll? Like in the Boundless theme

1Capture.PNG

The menu items in the theme as shown above I would like it to stick on scroll can you please advice?

 

Kind Regards,

 

https://themes.shopify.com/themes/boundless/styles/black-white/preview

0 Likes

Hello ,

Can you share your link here so i can check what is the best possibility to move down logo. Also for sticky menu their is a possibility of customization js.

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
New Member
1 0 0

How do you center only the heading logo?

0 Likes