customize the shape and size of the language selector

Store Design
1

Hello!
I am trying to customize the size and shape of the language selector. I am currently using theme Pipeline and language selector is from the app Hextom (app doesn’t let me customize such details). This is the link of my website: Kream.ch

Currently the selector looks like this:

Hextom selector.png
Hextom selector.png325×108 3.49 KB

However it is way too bulky, dropdown arros is also too far from letters, I am looking for something more discrete, as example picture below.

exampleselector.png

Thank you in advance!

2

Hey @Kreamch

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1721309808077.png
Moeed_0-1721309808077.png1893×718 145 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hi @Moeed ,

Thank you for your solution and quick reply, works perfectly.
I have noticed tho that the selector on mobile becomes too small, is it possible to apply the code above only to the web version and leave the normal size for the mobile version? Thank you very much

4

Hey @Kreamch

Remove the previous code and add this new code with the same steps mentioned above.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

Works!

Thanks a lot!

6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.