Hide country selector

[TBS2023]

Hello

How can i show only the currency and not the country name in my header?

https://yoga-spirit-mauritius.myshopify.com/

rtewth

Thanks

[Moeed]

Hey @TBS2023 

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 </body> tag

<style>
form#HeaderLanguageForm {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[BSS-TekLabs]

- Here is the solution for you @TBS2023 
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.localization-form {
 display: none !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[TBS2023]

I still want to show the currency selector but not the counntry name

[BSS-TekLabs]

Add the following code to your theme.liquid file before the " </head>" tag.

<script>
let text = document.querySelector("#HeaderCountryForm .disclosure .disclosure__button.localization-form__select font font").textContent.split(" | ")[1]
document.querySelector("#HeaderCountryForm .disclosure .disclosure__button.localization-form__select font font").innerText = text
</script>

[TBS2023]

nothing happens 😞

[BSS-TekLabs]

<script>
window.onload = function()
{
    let text = document.querySelector("#HeaderCountryForm .disclosure .disclosure__button.localization-form__select font font").textContent.split(" | ")[1]
document.querySelector("#HeaderCountryForm .disclosure .disclosure__button.localization-form__select font font").innerText = text
};
</script>

@TBS2023  can you try it

[TBS2023]

still nothing

[PageFly-Amelia]

Hi @TBS2023 

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

[aria-describedby="HeaderLanguageLabel"] {

    display: none;

}

Hope that my solution works for you.

Best regards,

Amelia | PageFly

[TBS2023]

unfortunately - none of these options worked

[PageFly-Amelia]

please try again with this code

[aria-describedby="HeaderLanguageLabel"] {

display: none !important;

}

[TBS2023]

still nothing 😞