How to move logo to centre and header links + cart under

Solved
New Member
4 0 0

I cant figure out how to edit the brooklyn theme to make all my header links and currency converter apear under my logo centerd how my site looks vs how id like it to look also when on moblie all you see is athe logo cart USD & 3 lines to float header menu usd and cart are overlaping

download.pngDrawing.png

0 Likes

Hello @nolanzzz,

Please share your site url so that I will give you exact solution

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0
httpshttps
0 Likes

Hello,

 

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0
😍😍
Yes but with the header menu centered and currency converter next to cart
0 Likes

Success.

@nolanzzz,

For that you have to customize header.liquid file

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0
How would I go about centering?
0 Likes

@nolanzzz,

To center the logo,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-header .grid__item.large--one-third.medium-down--one-half, .site-header .grid__item.large--two-thirds.large--text-right.medium-down--hide {
	width: 100%;
	display: block !important;
	float: unset;
	overflow: hidden;
}
.site-header .site-header__logo.large--left {
	float: unset !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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes