Put my logo in center and up some & bring search box all the way left

Highlighted
New Member
4 0 0

I've searched and tried a few things but still don't have my logo centered and higher and the search box all the way to the left.

www.fullerfabrics.com

Thanks,

Jeannie

0 Likes
Highlighted

Hello @starchaser888 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (min-width: 769px) {
.site-header .header-logo {
	margin: 0 auto;
}
.site-header .header-logo__image {
	margin: 0 auto;
	width: 100%;
}
}

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
New Member
4 0 0

It put the logo in the center but left the search box on the right of it.

0 Likes
Highlighted

Hello @starchaser888 

Add this css at the bottom of

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

 

@media screen and (min-width: 769px) {
.site-header .header-logo {
	margin: 0 auto;
}
.site-header .header-logo__image {
	margin: 0 auto;
	width: 100%;
}
.site-header form.search-bar {
	float: none;
	max-width: 100% !important;
	width: 60% !important;
}
.site-header a.header-cart-btn.cart-toggle {
	float: none;
	margin-left: 0 !important;
}
}

 

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