Translate & Adapt Language switcher gone

[SparksNBlings]

Hi everyone,

I’m using the Translate & Adapt app for my Shopify store to provide language translations. Previously, the floating language switcher worked perfectly, especially in mobile view—it would stay visible as customers scrolled, making it easy to switch languages.

Recently, the floating language switcher disappeared, and now the only option is to place it in the footer. This makes it hard for customers to find, which is impacting my sales and retention.

I reached out to my theme developers, and they suggested contacting Shopify to help re-add the floating language selector to the updated version of the theme.

Can anyone guide me on how to get the floating language selector back in mobile view? Thank you in advance!

[suyash1]

@SparksNBlings - can you share your website link?

[SparksNBlings]

Of course! thank you for your help! https://www.sparksnblings.com/

[suyash1]

@SparksNBlings - please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → theme-index.min.css

@media only screen and (max-width: 749px) {
.footer-bottom__localization-forms{    position: fixed;    right: 0;    
top: 50%;    z-index: 100;    background: #fff;    padding: 5px;}
}

[SparksNBlings]

THank you so much for your help Suyash! However, it didnt quite work… although language switcher is hovering anywhere i scroll, its appearing right in the middle of the screen instead of how it used to appear on top of the search Web URL search bar. Also it appears the currency switcher is also appearing which is not whats needed.

Please find below a screenshot of how it is now and below it how it was:

How it was:

[SparksNBlings]

Hello Suyash,

please help me with this issue, you’re my only hope!

[SparksNBlings]

Hello Suyash,

please if you could support would this, would be super helpful!

[SparksNBlings]

Hello again,

I managed to move the position of the language switcher from middle of page to lower left side of mobile screen however when i click on the language switcher and then reclick again, the window of languages doesnt close, how can i fix that? Also i noticed the language switcher isnt available across all pages of my website, only the home page, how do i fix that? Thank you so much!

[suyash1]

@SparksNBlings - hi it is because you added css to theme-index.min.css file, it is applied to index page only.

Is there some file which is applied for all page like custom css or base.css file?

[SparksNBlings]

Hello Suyash,

Thanks again for your response and help! I am not sure if there is some file like that… Maybe the currency selector on the heading which is found on all pages? it would be in this localization-form.liquid file. Or maybe the header and footer, which are also in all pages? Please if you could help me solve this, would be absolutely great!

[SparksNBlings]

Hello Suyash,

Please, how can i add the hovering language selector to all pages on website? Thank you so much in advance!

[suyash1]

@SparksNBlings what css files do you have?

@media only screen and (max-width: 749px) {

.footer-bottom__localization-forms{ position: fixed; right: 0;

top: 50%; z-index: 100; background: #fff; padding: 5px;}

}

[SparksNBlings]

Hello Suyash,

Thank you for responding.

Please find attached the list of css files we have, what would you suggest is best one?

[suyash1]

@SparksNBlings check right column, you have theme.css file

please add my given css to it and check

[SparksNBlings]

Hello Suyash,

Unfortunately its not working. I dont know why it worked with home page but not across theme… any other suggestions?

[suyash1]

@SparksNBlings can you accept me as collab? i will work on it, you can send collab code on email below

[SparksNBlings]

@suyash1 I sent you the code, thank you so much!

[kakami]

i have similar issue about the switcher, can you please help me to check? thanks a lot !