Remove in Mobile Menu Country selector

[TBS2023]

Hello

I would like to remove the Country selector from my drawer menu in mobile view - however i would like to keep the language selector

When i use this code - it removes everything

.menu-drawer__localization.header-localization {
display: none !important;
}

[LizHoang]

Hi @TBS2023 

Can you send me the store link to check further? 

Thank you

[HHenry]

Can you share the preview URL of your draft theme so that I can help you out?

[Tech_Coding]

Hello @TBS2023 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
    .menu-drawer__localization .country-selector {
        display: none !important;
    }
  }

</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[websensepro]

Hi @TBS2023  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[websensepro · Accepted solution]

Hello @TBS2023 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:768px){
localization-form:nth-child(1) {
    display: none !important;
}
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[Dan-From-Ryviu]

Hi @TBS2023 

Please use this code in Custom CSS in Online Store > Themes > Customize > Theme settings 

@media (max-width: 749px) {
    .menu-drawer__localization.header-localization {
        display: none !important;
    }
}