How to move Language Selector to header on mobile version (Dawn Theme)

Solved

How to move Language Selector to header on mobile version (Dawn Theme)

loolakoola
Excursionist
63 0 7
Click to expand...
 

loolakoola_0-1681112834169.png

I'm using Dawn Theme and I tried to move language selector from footer to header(on red circle position) on mobile version, but I couldn't make it at last. 

Please somebody helps me. 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
8562 1689 1696

This is an accepted solution.

Go to store admin > Sale channels > Online store > Themes > Edit codes > Assets > open base.css file and add this code below at the bottom

.desktop-localization-wrapper localization-form { display: block !important; }

Here is the result

Screenshot 2023-04-11 at 11.01.38.png 

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 11 (11)

Dan-From-Ryviu
Shopify Partner
8562 1689 1696

Hi @loolakoola,

Could you share your store URL?

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

loolakoola
Excursionist
63 0 7

https://freetrialix.myshopify.com/

this is my store.

or at least, I want to put language selector on top so visitors can see selector at once. Thank you so much. 

Dan-From-Ryviu
Shopify Partner
8562 1689 1696

This is an accepted solution.

Go to store admin > Sale channels > Online store > Themes > Edit codes > Assets > open base.css file and add this code below at the bottom

.desktop-localization-wrapper localization-form { display: block !important; }

Here is the result

Screenshot 2023-04-11 at 11.01.38.png 

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

loolakoola
Excursionist
63 0 7

literally OMG. I really appreciate to your help. just amazing

Dan-From-Ryviu
Shopify Partner
8562 1689 1696

You are welcome. 

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

1F
Excursionist
22 1 1

Hi @Dan-From-Ryviu ,

 

Thank you for your help! 

I just want to move the language selector on the right on mobile. it doesn't move right because there's still the magnifying glass icon that's there. It's hidden, but when I hover the mouse over it, it still exists. I would like to delete it completely so that the language selector can take its place. I'd like him to be right. And if possible, the language selector should be white, and when I scroll down the page, it should turn black. Like the three lines of the menu.Premium Chauffeured Car & Concierge Service – LeaderLimousines.jpg

Dan-From-Ryviu
Shopify Partner
8562 1689 1696

Hi @1F I was missing your comment. Please use this code

.desktop-localization-wrapper localization-form { 
    display: block !important; 
}
@media (max-width: 749px) {
.header__icons--localization .header__search {
    display: none !important;
}
}

 

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

1F
Excursionist
22 1 1

Thank you veryyyyyy much Dan!!! It works perfectly! 

Do you know if there is any possibility to put the flag instead of "English" or "French"? 

 

Many thanks dude!

Dan-From-Ryviu
Shopify Partner
8562 1689 1696

I found this hope it helps

https://jesperahlbom.com/blogs/free-shopify-guides/how-to-add-country-flags-to-your-region-selector

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

1F
Excursionist
22 1 1

Thank you but this is for the country localization and not language selector. I've seen this page a couple of weeks ago. It should works adapting it but I'm not able to do it.

Appreciate dude

muhanad1haddad
Visitor
1 0 1

thanks! that's works perfectly and super easy.