dear i am using dawn theme, and recently i added Arabic language to my website and i would like to move the language selector bar from footer to the header or menu in mobile version.

Hi @samsam2 , Please use this code to make your select better (remove the old code and replace by this) {%- form 'localization', id: 'HeaderLanguageForm', class: 'localization-form' -%} {%- endform -%} on mobile i can see the language bar only when its English, when i choose Arabic the bar …

@samsam2 Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. Please share your site URL, I will check out the issue and provide you a solution here.

Dear Ketan thank you for your reply here is the URL: https://mia-concept.com/ i would like to know how to get the language bar selector from footer to header in desktop and mobile version ,

Hi @samsam2 , Please try to put this code to any place on the header {%- form 'localization', id: 'HeaderLanguageForm', class: 'localization-form' -%} {%- endform -%} Try it and let me know

thank you it works but on mobile i can see the language bar only when its English, when i choose Arabic the bar disappear and i cant take back to English is it possible to make the bar smaller or any other modification to make it more beautiful here is the preview link : https://h9glfdmcfbm…

Hi @samsam2 I think you added the code into the preview link. when you change the language, the url will change and link to the store with published theme.

@samsam2 Please replace this code {%- form 'localization', id: 'HeaderLanguageForm', class: 'localization-form' -%} by {%- form 'localization', id: 'HeaderLanguageForm', class: '' -%} to make your select box look better

i published on the main website and works great , one last thing :slightly_smiling_face: is it possible to move it to the right or header or to the menu in mobile version at least ? [samsam2_0-1667146078200.png]

@samsam2 Add this code to bass.css file #HeaderLanguageForm { display: none; text-align: right; } @media screen and (max-width: 990px) { #HeaderLanguageForm { display: block; } }

thank you alot for your efforts , it works perfect on mobile but not exist on desktop ( desktop not important at the moment 95% of my visitors are on mobile browser) thank you again :slightly_smiling_face:

How to move languge selector bar from footer to the header or menu in mobile version

Shopify Discussion

Coffeesection March 29, 2024, 2:38pm 16

https://coffeesection.com/

Also how to set Bulgarian language for Bulgarian market customers?

The default is English in Bulgaria market and can’t be changed?

Thanks for your help

Topic		Replies	Views
How to move Language Selector to header on mobile version (Dawn Theme) Store Design design	12	305	December 25, 2024
How To Move Languge Selector Bar in mobile version - from drop menu To The Header Store Design	4	75	August 1, 2024
Moving language switcher from footer to header - dawn theme on mobile Store Design design , customizations , footer	5	145	November 27, 2024
Move language selector in header menu Store Design menu , header , customizations , css , shopify-themes	8	105	December 11, 2024
Moving Language selector to header for desktop and mobile Store Design design , customizations , css , shopify-themes , troubleshooting	2	47	March 6, 2023

How to move languge selector bar from footer to the header or menu in mobile version

Related topics