Shopify themes, liquid, logos, and UX
Hello,
Dawn 10.0 update has a country / currency selector on the menu. This is interfering with H2 tags, as its building H2 tags with the countries.
Can you please help me turn it off?
site: www.bigloveindianhair.com
Log in</a><div class="menu-drawer__localization header__localization"><noscript><form method="post" action="/localization" id="HeaderCountryMobileFormNoScriptDrawer" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
<h2 class="visually-hidden" id="HeaderCountryMobileLabelNoScriptDrawer">
Country/region
</h2>
Solved! Go to the solution
This is an accepted solution.
Hey @thirdmainroad
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>
.desktop-localization-wrapper {
display: none;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @thirdmainroad
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>
.desktop-localization-wrapper {
display: none;
}
</style>
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi Moeed,
Thanks for your reply, however, the issue persists, albeit now with Cart looks like
Log in</a><div class="menu-drawer__localization header__localization"><noscript><form method="post" action="/localization" id="HeaderCountryMobileFormNoScriptDrawer" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
<h2 class="visually-hidden" id="HeaderCountryMobileLabelNoScriptDrawer">
Country/region
</h2>
<localization-form class="no-js-hidden"><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderCountryMobileLabel">
Country/region
</h2><div class="disclosure"
Hello @thirdmainroad
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.menu-drawer__localization.header__localization {
display: none;
}
Hi there,
I have a similar issue where on my mobile view, I have ZAR/country in the header and I can't get rid of it. What is strange is that it does not appear on the desktop view.
Here is my site so you can check it out : afrographic.com
Any help would be greatly appreciated.
Thanks,
Vincent - Afrographic
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024