All things Shopify and commerce
Hi there,
I've been reading and trying some of the older questions regarding similar discussions and issues like this one but couldn't find anything that works for me.
The thing is I've got to find how to move the search icon next to the shoping cart but can not move it yet until I'm able to move the language selector up to the announcement bar right top corner. It appears as: div.localization-wrapper (<div class="localization-wrapper">
</div>) in browser inspector.
The idea is to move language selector to announcement bar (step 1), then move the search icon next to the cart (step 2 already solved) and last (step 3) move the menu bar where the search icon is. Could you please help?
I really love the site just would love to make this changes. Thanks!
Solved! Go to the solution
This is an accepted solution.
so easy
Wow, that was quick and easier that I thought! How come I did not think of that easy way? 🤔
Last question, would be possible to make language selector smaller? I mean, letter size.
Thanks for your great and super quick help!
Found it and replying to myself in case someone else finds in the same position or needs similar fixing. Edited the code from 1.3rem to 1.0 as follows.
Announcement bar > Custom CSS box:
.utility-bar .localization-wrapper .disclosure .localization-form__select,.utility-bar .localization-wrapper .disclosure__link {font-size: calc(var(--font-heading-scale) * 1.0rem)
Now my shop www.toprocksports.com looks amazing this way, I'm hoping you like it!
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025