Remove language selector

[Shayanzaza]

Hi how do I remove the language selector on bottom right? It’s messing with my chat: https://lomarugs.com

thanks

[Asad-Mahmood]

Go to your online store → edit code → app.css file and paste this css in the end of file

.country-selector {
    display: none !important;
}

[sgtlab]

Hi @Shayanzaza

Here’s a code snippet that lets you preview changes before applying them to your store.

Click to view and apply: https://shop-booster.sgt-lab.com/snippet/82194c-28?snippetId=1745890661375

Here how the result looks like

[Moeed]

Hey @Shayanzaza

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:

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[tim_tairli]

Of course, you can hide it with CSS, as already suggested.

However – if you do not need it, then simply turn it of in the settings of the We glot app or remove/disable the app completely?

Or, if you need it, why do not reposition either the selector or the chat a little so there is no intersection?

And on mobile, your chat is over the country selector, which is not great too…

[ZestardTech]

Hello @Shayanzaza ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

.thb-localization-forms .custom-select--language {
    display: none !important;
}

Also you can remove it from the theme customize option.

Just disable the highlighted option from your footer.

Let me know if you need further assistance!

[DaisyVo]

Hi @Shayanzaza

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file app.css and add this code at the end of the file

aside.weglot_switcher.country-selector.default.closed.wg-drop {
    display: none !important;
}

Result

Best,

DaisyVo