Moving search and cart to top menu

Solved
Highlighted
New Member
19 0 0

I'm trying to rearrange my navigation bar to accommodate more links, to do so I would like to move the Cart, and Search button to the top bar.  and i also need to make the magnifier, search font same size with wishlist and your cart. One more thing, how to change text "your cart" to "your bag"? Can anyone help?

Petite Zoku searcch.png

0 Likes
Highlighted

Success.

Hello @hanisharun,

To change the font size of Search

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

.search-text {
	font-size: 11px;
}

to change text "your cart" to "your bag"

1. Go to Online Store->Theme->Edit Language

2020-02-07_15-51.jpg

Search code and replace

**to rearrange my navigation bar to accommodate more links

=>For this you have to do theme customization

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
Highlighted
New Member
19 0 0

Hi 

 

0 Likes
Highlighted

@hanisharun,

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
Highlighted
New Member
19 0 0
Hi. This is my site url https://petitezoku.com/
0 Likes
Highlighted

Success.

@hanisharun,

2020-02-17_13-37.jpg

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
Highlighted
New Member
19 0 0
Thanks for your reply. May i ask which file i need to edit? Is it the header snippet file?
0 Likes

@hanisharun,

Yes


@hanisharun wrote:
Thanks for your reply. May i ask which file i need to edit? Is it the header snippet 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
Highlighted
New Member
19 0 0

@oscprofessional  Thanks. I made it for the top bar, except search button. I use the existing code on the page, it displayed when i reload the page, then it disappear. On that position is the currency picker.

 

search bar.png

 

Here is the code i used. I am not sure if the css is override anywhere else.

 

search code.png

0 Likes