Solved

Move language selector to announcement bar Sense theme

TopRock
Tourist
13 0 1

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!

 

Captura de pantalla 2024-04-12 a les 8.00.45.png

Accepted Solution (1)

wo
Shopify Partner
76 20 17

This is an accepted solution.

so easy

 

wo_2-1712903022012.pngwo_3-1712903043963.pngwo_4-1712903067937.png

 

 

 

 

 

 

View solution in original post

Replies 3 (3)

wo
Shopify Partner
76 20 17

This is an accepted solution.

so easy

 

wo_2-1712903022012.pngwo_3-1712903043963.pngwo_4-1712903067937.png

 

 

 

 

 

 

TopRock
Tourist
13 0 1

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! 

TopRock
Tourist
13 0 1

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!

 

Captura de pantalla 2024-04-12 a les 9.44.14.png