Making the search and sign in/create account under my logo

Solved
Highlighted
Excursionist
24 1 7

Hi,

 

How do i get my search bar, sign in details and cart to align left and right in my header. I have put in my logo and centered it and now these options look like this.

 

How do I get search on the left hand side and cart and the sign in options on the right hand side?

 

URL  https://www.pastelnailsupplies.com/?_cd=66f619223ac1229b6dac4117ac49c7cb4d93e44fe31b2d40bd9df9aaa528...

 

pass: leengo

 Screenshot 2020-07-08 at 09.46.17.png

0 Likes
Highlighted

Hello @Amels,

Add this css at the bottom of

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

header.site-header .grid-item.large--one-half.text-center.large--text-right {
    width: 100%;
}
form.search-bar {
    float: left;
}
a.header-cart-btn.cart-toggle {
    float: right;
}
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
24 1 7

@oscprofessional The search bar is still a little too long and too centred How to I reduce the size of it?. But worked for the cart and sign in options thank you!

Screenshot 2020-07-08 at 12.49.40.png

https://yyr7optvy9cv0qrq-42132734111.shopifypreview.com

0 Likes

This is an accepted solution.

@Amels,

Please add below css

header.site-header .grid-item.large--one-half.text-center.large--text-right {
    padding-left: 0;
}
form.search-bar {
    max-width: 220px;
}

 

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
24 1 7

Amazing thank you!

0 Likes